1、ISO8859-1，通常叫做Latin-1。Latin-1包括了书写所有西方欧洲语言不可缺少的附加字符。

2、浏览器会忽略样式表中的空白符。

3、样式表中选择所有类名相同的元素：

　　*.classname {...} 或者 .classname {...}。

4、多类选择器：

　　一个 class 值中可能包含一个词列表，各个词之间用空格分隔，顺序不作限制；

　　.important能匹配<p class="important warning">，.important.warning不能匹配<p class="important urgent">。

5、font-style：

　　Italic是使用文字的斜体，Oblique是让没有斜体属性的文字倾斜。

6、HTML 和 XHTML 将类和 ID 值定义为区分大小写。

7、class和id：

　　id选择器只能在文档中使用一次，指的是一个元素拥有独立的id，不可与其它元素共享，结合getElementById理解；

　　id不能使用词列表，id属性值中不允许有空格分隔的词列表；

　　id能包含更多的含义。

8、属性选择器：

　　*[title] {...}

　　a[href] {...}

　　a[href][title] {...}：同时有 href 和 title 属性；

　　属性-值选择器：

　　　　a[href="https://i.cnblogs.com/EditArticles.aspx?opt=1"][title="博客园"] {...}；

　　　　与多类选择器不同，属性与属性值必须完全匹配：

　　　　　　p[class="important"]无法匹配<p class="important warning">，但是p[class~="important"]可以匹配。

　　子串匹配属性选择器：

　　　　任何属性都可以使用，包括class。

　　p[title~="ab"]：title中包含ab单词，而非字符串，ab左或右必须是空格；

　　p[title|="ab"]：title中以ab或ab-开头的；

9、初窥XML：

　　XML允许在body中自定义带强语义的标签名，然后在样式表中定义它的样式。

 10、后代选择器：

　　两个元素之间的层次间隔可以是无限的，子子孙孙辈；

　　如果只希望选择子元素，则使用 h1 > strong {...}：选择作为h1子元素的所有strong元素(通常从右往左读)。

11、相邻兄弟选择器：

　　h1 + p {color:red;}：选择紧接h1元素的、首次出现的p元素，h1与p具有相同的父元素；

　　注意h1与p中不允许出现任何其它元素，但会忽视纯文本。

12、* {padding:0; margin:0;border:0;}：

　　此时input的边框没有显示。

13、first-child伪类：

　　p:first-child指的是某元素的第一个子元素，且该子元素为p：

　　　　某元素不包括p元素自己：

　　　　　　比如<p><p>some text</p></p>，那么外层的p：

　　　　　　　　是某元素的第一子元素，样式匹配不到<p>some text</p>，但是不妨碍匹配到p内的其它后代元素；

　　　　　　　　不是某元素的第一子元素，即使内层的p是外层的p的第一子元素，样式依旧匹配不到some text；

　　　　不是第一个p元素，而是先满足第一个子元素的条件，再看是否是p元素；

　　　　设置的样式适用于p内的所有内容，包括文本和后代元素。

14、:lang 的处理与 |= 选择器相同。