在HTML使用CSS的两种方式：1,在<head>元素内使用<style>.2,在<head>元素内用<link>元素，用外部样式表对HTML进行装饰。
各种选择器：
元素选择器：h1,p {color:blue;} 选择所有<h1>和<p>
类选择器：.important {color:red;} 选择所有类名为impotrtant的元素 p.important {color:red;} 选择所有类名为important的<p>元素。.important.urgent {background:silver;} 选择所有类名有important和urgent的元素
类属性的值可以包含几个类，中间用空格隔开。比如<p class="important urgent warning">表示该段落分别可以归为important ，urgent ，warning这三类。.important.urgent {background:silver;} 选择所有类名有important和urgent的元素
ID选择器：#intro {font-weight:bold;} 选择所有id名为into的元素。
id名和class名不一样。一个元素只有一个唯一的id，却可以归为几类。所有在css中，每个元素的id选择器只能用一次
属性选择器：a[href][title] {color:red;} 选择所有有href和title属性的<a>素素 a[href="http://www.w3s.com.cn/about_us.asp"] {color: red;} 选择有指定地址的<a>元素
后代选择器：ul em {font-weight:bold;} 选择<ul>元素中的<em>元素
子元素选择器：h1>strong {color:red;} 选择作为 h1 元素子元素的所有 strong 元素”
table.company td > p 选择作为td子元素的所有p元素，这个td元素来自类名为company的table元素
相邻兄弟元素：h1 + p {margin-top:50px;} 选择h1元素后的第一个兄弟元素p(h1和p有相同的父元素)
伪元素：p:nth-child(odd) 选择第1，3，4，5...2n+1个p元素。p:nth-child(even)
