不做过多解释：主要是记录一个完整的布局样式，实现页面大致三列其中左右两列是自适应宽度，中间固定宽度效果。
不多少代码奉上：
CSS样式代码：
/********************
*公共标签样式
******************
标签：CSS3
js获取文件上传进度：
<input name="file" id="FileUpload" type="file" />
<input type="button" onclick="Submit()" value="提交" />
js监听：
var xhrOnPro
css实现导航切换
效果图：
代码如下，复制即可使用：
<!DOCTYPE html>
<html>
<head>
<title>css实现导航切换</title>
<style type="text/css
一、什么是Sass
Sass (Syntactically Awesome StyleSheets)是css的一个扩展开发工具，它允许你使用变量、条件语句等，使开发更简单可维护。这里是官方文档。
二、基本语法
1）变量
sass的变量名必须是一个$符号开头，后面紧跟变量名。
//sass 样式
BFC的概念以及作用
BFC的定义：
(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。
我们常说的文档流其实分为==定
关于行内元素（补充一点）
行内元素只能容纳文本或其他行内元素。（a特殊a里面可以放块级元素）
例子：
关于行高tip:
选择器的嵌套层级不应大于3级，位置靠后的限定条件应尽可能的精确。
属性定义必须另起一行。
关于行高的测量：
css的三大特性（层叠 优先 继承）
a、层叠性：多种c
场景：
假如有一天，你的在写一个前端项目，是关于一份点餐商家电话信息表，你啪塔啪塔地写完了，突然间项目经理跑过来找你，要求你在每一个商家的电话号码前都添加一个电话符号，来使得电话号码更直观和页面更美观。这个时候你就纠结了，这不是折磨人吗？这不是要我在每个电话号码前都添加一个<
学习CSS相关知识，定位是其中的重点，也是难点之一，如果不了解css定位有时候都不知道怎么用，下面整理了一下关于定位属性的具体理解和应用方案。
一：定位
定位属性列表
position
top
bottom
right
left
z-index
position
基本语法：
position
Css选择器主要分为以下几类
类选择器
ID选择器
通配符选择器
标签选择器
伪类选择器
复合选择器
1、类选择器：通过.classname 来选择
例如
.color2 {
color: rebeccapurple;
}
同一个标签可以通过多个类名
#title {
height: 30px;
width: 400px;
}
#title li {
float: left;
list-style-type: none;
height: 30px;
width: 132px;
line-height: 30px;
text-align: cen
第一：css的四种引入方式
1.行内样式
最直接最简单的一种，直接对HTML标签使用style=""，例如：
<p style="color:#F00; "></p>
缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。
2.内嵌样式
内嵌样式就是将CS
原文链接：超详细Hexo+Github博客搭建小白教程
去年9月的时候开始搭建了第一个自己的独立博客，到现在也稍微像模像样了。很多小伙伴应该也想过搭建一个自己的博客，网上也有一堆详细教程。我在此稍稍总结一下具体的搭建步骤，另外网上很少有修改博客源码的个性化教程，我就稍稍分享一下我的一些修改经验，更多
CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。
伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。
有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:
1 /**
2 * 获取浏览器滚动距离
3 */
4 function getScrollOffset() {
5 if (window.pageXOffset) {
6
引子：
很多时候，我们在写html页面的时候，当需要在页面中加入图片时，我们很自然地把图片直接用<img>标签放在了<body>里面，这本来是没有多大问题的。
但是当图片数量很多的时候，问题就来了。Html页面在被解析器解析的时候要不断去寻找图片的路径去加载图片，而这些图片不
CSS 引入共有三种方式：内部样式表，内联样式（行内样式）表，外部样式表，当然也可以使用多重样式
内联样式
<div style="color:red;font-size:20px">内联样式表</div >
内联样式 直接把样式卸载html代码行内，一般仅仅在此样式仅仅
最近学习css发现了高度塌陷时候要清除浮动,为了理解清楚浮动原理,网上找了不少资料,发现都写的不是很清楚,而且都是一模一样的内容,我在里分享一下我对清楚浮动原理的理解,
如果你已经很了解什么是浮动和浮动的效果你可以直接跳转到三.如何清除浮动(重点)阅读
一.什么是浮动首先我们需要知道定位 元素在页面
一、安装SubLime Text 3SubLime Text 3官网下载：https://www.sublimetext.com/
二、安装Package Control进入sublime后，按快捷键Ctrl+、键，进入命令行模式，sublime text 3在命令行输入：
1 import u
HTML
HTML叫做超文本标记语言，是一种制作万维网页面标准语言。相当于定义一套规则，大家都来遵守它，这样浏览器就可以去解释它。
浏览器负责将标签翻译成用户看得懂的格式，呈现给用户。
作为开发者需要学习的：
1.学习HTML规则
2.从数据
CSS Grid 布局学习笔记
好久没有写博客了, MDN 上关于 Grid 布局的知识比较零散, 正好根据我这几个月的实践对 CSS Grid 布局做一个总结, 以备查阅.
1. 基础用法
Grid 布局的核心属性有5个:
.parent {
display: grid;
grid
客服
