1、web字体。服务器上存储的字体文件是.woff。首先浏览器会获取包含字体文件的html，然后获取字体文件.woff，最后显示整体。
2、@font-face。它可以认为是一个内置的css规则，利用@font-face可以获取一个Web字体，并为它分配一个font-family名（自定义）。
3、font-size具有继承性，若定义了百分比，或者em就应该相对于父元素的字体大小。
4、大部分浏览器默认字体大小是16px。
5、font-weight、font-family、font-size都是具有继承性。
6、css描述颜色最直接的方法是使用颜色名，共有16种基本颜色和150种扩展颜色。它是混合不同的数量的红、绿、蓝得到的、
7、css颜色可用红、绿、蓝分量的多少来指定一个颜色，rgb(80%,60%,0%);rgb是red、green、blue缩写，分别指定分量。还可以为红、绿、蓝指定0~255之间的一个数值。
8、css颜色用十六进制表示，总是以“#”开头，每组2位数值分别代表颜色的红、绿、蓝分量。#cc6600;
9、color属性实际上控制着一个元素的前景色，所以会控制文本和边框颜色，不过你也可以用border-color属性为边框指定自己的颜色。
10、css盒模型：由一个内容区以及可选的内边距、边框和外边距组成。它们互相之间没有依赖。
11、内边距padding用来在内容区周围创建可见的空间。
12、所有元素在css中都可以当做一个盒子：p、h1~h6、blockquote、ol、ul、li等，甚至还包括内联元素a、em等。
13、元素的背景颜色（或背景图片）会延伸到内边距下面，但不会延伸到外边距。
14、<div>相当于一个容器，将一堆相关元素放在一起。不要滥用<div>,如果这样有助于你将页面分解为逻辑区，从而保证结构清晰并便于指定样式，那么可以增加更多的结构。如果只是为了在页面中创建大量结构而增加<div>,就只会让页面复杂，而没有实际好处。
15、对于浮动元素，当浏览器遇到浮动元素的时候，会把它尽量可能放在最左边或者最右边，还会从正常流中删除这个段落，就好像它会浮在页面上一样，不再属于正常流的一部分。对于内联元素定位时，会考虑浮动元素的边界，因此会围绕着浮动元素。由于浮动元素不再属于正常流，所以浮动元素不会出现外边距折叠现象。
16、布局。对于position的默认值static（静态），元素放入正常的文档流中，且位置并不是由你来决定，完全由浏览器来决定它放在哪里。若是“absolute”将由你告诉浏览器元素放在哪里。当设置为绝对布局时，元素将从正常的流中删除，浮在上面，流中的其他元素不会将其内联元素围绕在一个绝对定位元素的周围。而且绝对定位元素可以分层放置，一个元素可以放在另一个绝对定位元素的上面，每个定位元素都有一个名为z-index的属性，指定它在一个虚拟z轴上的位置（上面的元素越靠近你，z-index更大）。
17、相互挨着的块元素垂直外边距会折叠。
18、display:table;使得属性像表格一样摆放。border-spacing:10px;为表格中的单元格增加10像素的边框间距，不仅仅是单元格之间，在它边界周围都要增加10px的间距。而且该属性不会与外间距创建的空间折叠。
19、css表格显示只是一种类似表格的布局来表现这个结构中的内容，而html表格是面向的表格数据。要创建css表格显示，需要使用对应表格的一个块元素，对应行的块元素，以及对应单元格的快元素。通常，这些块元素是div。
20、只有css绝对定位、相对定位、固定定位的元素有z-index属性。
21、浮动元素必须有特定的宽度，不能设置为auto。
22、默认地，absolute绝对定位元素会相对于页面边界来放置，如果一个绝对定位元素嵌套在另一个定位元素中，这个元素就会相对于外包含元素定位。
23、固定定位元素总是相对于浏览器窗口定位，页面滚动时，固定元素是不会移动的。
24、相对定位元素首先正常流入页面，然后按指定的量偏移，从而留出它们原先所在的空间。
原文：http://www.cnblogs.com/zhengyw/p/6639044.html