一、css需要的html（采用html5标准）
DTD,文档类型声明：
<!Doctype html>
文本编码声明：
<meta charset="utf-8">,或者<meta
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame
当在手机上打开网页时，如果不希望屏幕缩小，以免文字变得太小，难以阅读，可以添加：
这个用于移动web开发中，meta的作用是让普通移动网页被添加到主屏幕后，拥有一些类native的功能，很多同学应该都很熟悉了。就是类似隐藏ios的上下状态栏，实现全屏，禁止弹性拖拽，全屏，修改顶部颜色等。
一些值得收藏的html标签：
1.不要使用<b><i>来使文字变成粗体或者斜体，如果标识语义上的强调，可以使用strong或者em.
2.对于包含多个相关项目的列表，请使用ul，比如导航链接，标题，或者诸如此类的一组提示语等。
3.如果要创建一个术语表及其定义或描述，使用<dl>,并结合<dt>（定义术语）和<dd>（定义术语）；
4.如果包含一段引用语，使用<blockquote>标签，对那些简短的引语则使用<q>标签；
5.利用一些生僻的标签如<cite>来引用书的标题，新闻报道或者网站，利用<adress>来标题和提供作者的联系信息或者版权声明。
6.要记得关闭标签，除了一些自关闭的标签，如<br>和<img>等
每次修改样式表的时候都修改一下v=后面的那个数字，浏览器就会将它看成是新的文件，而从服务器重新下载，而不是使用缓存中的文件。
和子元素相关的伪选择器有：
> body>h2 选择body中的h2子标签，而非body h2那般选择所有后代h2子标签；
：first-child p:first-child选择作为第一个子元素的p标签（而非p的第一个子元素）
：last-child p:last-child选择作为最后一个子元素的p标签（而非p的最后一个子元素）
tr:nth-child（odd）每奇数行，tr:nth-child（even）每偶数行，tr:nth-child（3n+2） 3代表每三个元素，2代表从第二个元素开始
：first-of-type 与：first-child类似，但作用于具有特殊标签的第一个元素。。sidebar p:first-of-type 选择sidebar中第一个p标签（不论该p是不是第一个子标签）
：last-of-type 与上类似
：nth-of-type 与上类似
h2+p 选择与h2相邻的p元素
h2——p 选择与h2同胞标签的所有p元素
：not（） 反向选择
由此可见，很多web设计师使用类选择器而非ID选择器的原因就在于，ID选择器的权重大，如果在父类元素中利用ID选择器设置了样式，那么子类元素往往需要更大权重才能覆盖，这样就会导致出现一些冗长、复杂的样式表。
具体操作中，可以利用chrome或其他浏览器附带的审查元素功能，来观察具体何种样式胜出，被“——”删除的就是被覆盖的样式
3，要想保证某种样式一定不被覆盖，可以使用！important,不过这种方式，尽量不要用
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h60866.shtml
