CSS资料内容总结
（对相关CSS资料的总结）
1. 类选择器注意点：
（1）长名称或词组可以使用中横线来为选择器命名。
（2）不建议使用“_”下划线来命名CSS选择器 。
输入的时候少按一个shift键;
浏览器兼容问题 (比如使用_tips的选择器命名，在IE6是无效的)；
能良好区分JavaScript变量命名(JS变量命名是用“_”。
（3）不要纯数字、中文等命名， 尽量使用英文字母来表示。
2. font-family：
CSS—Unicode字体（推荐，为了照顾不同电脑的字体安装问题，尽量只使用宋体和微软雅黑中文字体）
3. font-weight : 数字 400 等价于 normal，而 700 等价于 bold。 推荐用数字来表示。
letter-spacing: 字间距word-spacing: 单词间距
text-shadow: 水平位置 垂直位置 模糊距离 颜色rgba（）；
text-shadow: 1px 1px 1px #222, -1px -1px 1px #fff;可显示出凸出的文字。
text-indent: 首行缩进
line-height: 利用文字的行高等于盒子的高度使得文本在盒子中垂直居中对齐.
4. 选择器：
后代选择器： .class h3 {}注意，符号左右两侧各保留一个空格。
伪类选择器：
链接伪类选择器 > :link/ :visited/ :hover/ :active
结构伪类选择器 > :first-child / :last-child /
:nth-child(n) even为偶数，odd为奇数或n改为 2n和2n+1 （n从0开始）/
:nth-last-child(n) 从最后一个孩子开始数（与上面的顺序相反）
目标选择器 > :target 用于选取当前活动的元素
5. 标签显示模式
（1）块级元素 h1 / p / div / ul / ol / li 等
（1）总是从新行开始
（2）高度，行高、外边距以及内边距都可以控制。
（3）宽度默认是容器的100%
（4）可以容纳内联元素和其他块元素。
（2）行内元素 a / strong / span / b / i / ins 等
（1）和相邻行内元素在一行上。
（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。
（3）默认宽度就是它本身内容的宽度。
（4）行内元素只能容纳文本或则其他行内元素。（a特殊 a里面可以放块级元素 ）
只有 文字才 能组成段落 因此 p 里面不能放块级元素，同理还有这些标签h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其他块级元素。
链接里面不能再放链接。
a里面可以放块级元素
（3）行内块元素 img / input / td 等
（1）和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。
（2）默认宽度就是它本身内容的宽度。
（3）高度，行高、外边距以及内边距都可以控制。
6.书写规范
（1）选择器 与 { 之间必须包含空格。
（2）属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。
（3） 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。
（4）选择器的嵌套层级应不大于 3 级，位置靠后的限定条件应尽可能精确。
（5）属性定义必须另起一行。
（6）属性定义后必须以分号结尾。
7.背景
background-image: url(……);
backgroud-attachment: scroll / fixed。
background-size: 宽 高；/ 百分数 / cover 完全覆盖 （用得较多）/ contain 图片在框内
多背景图像布置，用逗号分隔开来即可
！8.盒子模型
稳定性：width > padding > margin (宽度剩余法）
盒模型：box-sizing: content-boxing; (w3c推荐的模型）
box-sizing: border-boxing; (CSS3) （padding， border 都不撑开盒子）
盒子阴影box-shadow： 水平位置 垂直位置 模糊距离 阴影尺寸（大小） 阴影颜色 内（inset）/外 （默认）
待续……