（说明：该文档中的内容为平常积累与其他博客和视频中积累的内容，如果有错误，还请指出，看到后会进行修改）
background相关
background-position属性(常用语雪碧图的处理)
background-position: 左上角为起点的x轴起点坐标，左上角为起点的y轴起点坐标
图片大小由width和height来确定
可参阅：blog.csdn.net/bingkingboy…
background-attachment属性
需要：定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。
取值：
scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定。
fixed：背景图相对于视口固定，所以随页面滚动背景不动，相当于背景被设置在了body上。
local：背景图相对于元素内容固定，
inhert:继承，没什么说的。
可参阅：www.cnblogs.com/starof/p/45…
iframe (部分场景下有可能会存在跨域问题，与服务器有关)
通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。
更高阶一点的使用方式详见 www.cnblogs.com/hq233/p/984…
select（选择列表）
例如：
<select> <optgroup label="组1"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="组2"> <option value="opel">Opel</option> <option selected value="audi">Audi</option> </optgroup> </select>
datalist (数据列表)
例如：
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">宝马</option>
<option value="Ford">福特</option>
<option selected value="Volvo">沃尔沃</option>
</datalist>
表格元素
元素
表格 ：
表格标题：
表格表头:
表格主体：
表格尾部：
表格行：
表格标题单元格：
表格单元格:
元素属性
跨行：rowspan
跨列：colspean
css属性
表格边框合并: border-collapse: collapse;
整体示例 （样式根据class写的名字转化一下即可）
<table class="width_100 text_align_center border_collapse_collapse border_1_solid_red"> <caption> <h1>这是表格标题</h1> </caption> <thead> <tr class="border_1_solid_red"> <th class="border_1_solid_red">表头1</th> <th class="border_1_solid_red">表头2</th> <th class="border_1_solid_red">表头3</th> </tr> </thead> <tbody> <tr class="border_1_solid_red"> <td class="border_1_solid_red">数据1</td> <td class="border_1_solid_red">数据2</td> <td class="border_1_solid_red">数据3</td> </tr> <tr class="border_1_solid_red"> <td class="border_1_solid_red">数据1</td> <td class="border_1_solid_red">数据2</td> <td class="border_1_solid_red">数据3</td> </tr> </tbody> <tfoot> <tr class="border_1_solid_red"> <td colspan="3" class="text_align_right">合计:111</td> </tr> </tfoot> </table>
@规则(css指令)
1) import
示例： @import “路径”;
表示导入路径的css文件
2) charset
示例： @charset "ytf-8";
告诉浏览器该css使用的字符编码集是utf-8（务必写在css文件第一行,可省略）
web字体
字体
示例：
@font-face {
font-family: "字体名字";
src: url("字体下载地址");
}
字体的一些细节：
行高：行高为纯数字时为字体大小的倍数（先继承，后计算）
行盒的一些注意点
image白边问题:将image设置为块盒
堆叠上下文（可以理解为z-index）
详见：www.pianshen.com/article/699…
flex布局
详见：www.ruanyifeng.com/blog/2015/0…
其他元素
可去html元素周期表或MDN中查询，这里不做阐述
