CSS初始化

为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异，所以大部分大型官网会用样式初始化
最简单的初始化方法就是：

• {padding: 0; margin: 0;}
  最终，通常的做法是：我们将所有各个浏览器中的html的初始标签全部“清除”——即实现类似没有“表形”功能的html。

比如

*{
font-size:12px;
margin:0;
padding:0;
font-weight:normal;
font-style:normal；
list-style-type:none;
}
实际应用中，我们一般都是使用一个通用的css文件来完成此工作。

举例 腾讯官网 样式初始化

 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,
legend, 
 input,textarea,select{margin:0;padding:0} 
 body{font:12px"宋体","Arial 
 Narrow",HELVETICA;background:#fff;-webkit-text-size-
 adjust:100%;} 
 a{color:#2d374b;text-decoration:none} 
 a:hover{color:#cd0200;text-decoration:underline} 
 em{font-style:normal} 
 li{list-style:none} 
 img{border:0;vertical-align:middle} 
  table{border-collapse:collapse;border-spacing:0}  
  p{word-wrap:break-word}

样式分类

内联样式，又有人称行内样式、行间样式、内嵌样式。直接作为标签属性写在html文档中。

<标签名 其他标签属性……. style=”css属性1：值1；css属性2：值2； …… ” >内容部分</标签名>

内部样式，在html文档head中，以style标签包裹，直接写在html文档中。

<style>
选择器1{ ….. }
选择器2{ ….. }
......
</style>

外部样式，独立于html文档，以.css为后缀名的文件。

css文件中：
选择器1{ ….. }
选择器2{ ….. }
......
网页文件中：
<link rel="stylesheet" type="text/css" href="css文件路径url" />