CSS 严学

1. :after 选择器向选定的元素之后插入内容。

p:after
{
content:"- Remember this";
}

2. css浮动等：浮动讲解

3. 盒子模型：盒子模型
   行内盒（inline box）与块盒相反：它跟随文档的文本流堆放（即，它会与周围的文本和其它行内元素出现在同一行，并且其内容会像段落中的文本行一样，随着文本流换行）。宽度和高度设置对行内盒无效；在行内盒上的所有内边距、外边距和边界设置会改变周围文本的位置，但是不会影响周围块盒的位置。
   行内块盒（inline-block box）介于前两者之间： 它会像行内盒一样，跟随周围的文本流堆放，不会在其前后创建换行；不过，它可以像块盒一样，使用宽度和高度设置大小，并且维护其块完整性 — 它不会跨段落行换行（对于一行文本容纳不下的行内盒，会落到第二行上，因为第一行上没有足够的空间容纳它，并且不会跨两行换行）。

4. background-size 可以用来设置背景图片的大小

5. :hover 选择器可以运用于所有元素。

6. 子元素在父元素的content里面

7. input select标签的 display是 inline-block;

8. box-sizing: border-box;会使width包含padding

9. margin主要对外，padding主要对内

10. overflow: hidden 清除浮动之功。清除浮动

11. 内联(行级)元素 不能设置宽高，但padding属性可以设置，需要注意的是行级元素不能设置margin-top和margin-bottom属性，但可以设置margin-left和margin-right属性。如果需要设置行级元素的margin-top或margin-bottom属性，必须将行级元素转换成内联块级元素或块级元素。

12. 所有标签，浮动之后，已经不区分行内、块级了。相当于 inline-block。

13. tips：在一个盒子内，不浮动就都不浮动，要浮动就都浮动。**清除浮动的本质是什么？**清除浮动主要就是为了解决父级元素因为子元素浮动而引起内部高度为0的问题，清除浮动后，父级就会根据浮动的盒子自动检测高度，父级有了高度，就不会影响下面的标准流了。（没有添加浮动属性的就是标准流）

14. substr函数可以有一个或两个参数，当一个的时候是指截取从此数字到末尾的字符，当二个的时候是指截取两个数之间的字符。