CSS权威指南(前七章)

记录本书中尚不熟悉的知识点，结合项目简单回顾

1. 属性选择器，注意几个符号的用法~,^,$,*,|
2. 常用伪类(6)和伪元素(4)。
   伪元素中关于first-还要注意使用它的元素是不是块级
3. 优先级
   使用tuple方式计算，(内联,id选择器,类选择器/伪类选择器/属性选择器,元素选择器/伪元素选择器)=(0,0,0,0)，根据选择器在相应位上加1，当然!important优先级艳压群芳
4. web安全色？就像一个冷僻知识大比拼，看谁知道
5. em基于本身的font-size，而这个属性是可以继承的。rem基于html元素的字体大小
6. 项目中常用字体，sans-serif,"Microsoft YaHei","微软雅黑",STXiHei,"华文西黑"。涵盖了英语，中文(window系统)，中文(os
   系统)字体显示情况。注意何时加引号

百分比多次出现，但是在不同属性中，作为基础比较的可能是自己的属性，可能是父元素的属性。分情况牢记

7. font-weight100-900对应什么呢？normal,bold。font-size的em和百分比单位%，都基于自己父元素(em应该基于自己的font-size,但是此时，都没有font-size，就基于父元素的咯)，继承的是计算值不是百分比。line-height中百分比基于自己的font-size,em基于font-size,缩放因子(无单位实数)是继承值，不是计算值。font属性的合写注意font-size和font-family必写有序，容易覆盖之前写的line-height
8. 文本

• text-indent可继承，百分比基于父元素宽度
• 基线对齐原则，使得一些替换元素的底线与基线对齐
• 水平垂直居中对齐和自身宽高的问题
• letter-spacing和word-spacing，对汉字起作用的是前者哟。关于word还有word-wrap和word-break(这两个是css3,两者有区别的)
• text-transform大小写啦，首字母啦，一个属性搞定
• text-decoration不继承，种类多
• text-shadow顺序什么的随意
• white-space如何处理空白符和换行呢？实际处理中，空白符(空格和tab键)会被合并成半个汉字的大小，换行，会被合并成一个汉字大小的空白，这里就是规定到底合并哪些？还是不合并，保留原样
• direction和unicode-bidi文本方向

9. 基本视觉格式化

• 过分受限，浏览器会重置右边距，使子元素水平等于父元素内容宽
• 左边距负值，超出浏览器，右边距负值，修复水平总和问题，不会超出浏览器。上负边距，将自身上提，下负边距，将兄弟元素上提
• 水平属性和垂直属性，各七个，其中border不能使用百分比。除了height百分比基于父元素height，其他都基于父元素width
• 替换元素和非替换元素line-height，padding,margin对于内容高度或者行框高度的影响

后七章在以下链接中，感觉还不错的话，来个赞怎么样？有任何不对之处，劳烦指教！

CSS权威指南(后七章)