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" />