css初始化代码,不同的元素有不同的初始样式,如ul元素有list-style默认样式,body元素有默认的margin。当使用CSS样式还原网页设计图时,这些默认样式会影响网页样式的准确性。
因此,在制作网页之前,首先要清空元素的默认样式,这种行为一般称为CSS初始化设置。
常用的CSS初始化设置如下。
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;} ul,ol{list-style:none;} select,input,img,select{vertical-align:middle;} a{text-decoration:none;} a:link{color:#009;} a:visited{color:#800080;} a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}
一般来讲,需要将常用的CSS初始化设置写成一个reset.css文件,在每次页面开始的位置引用这个文件即可。当页面引用多个CSS文件时,要将reset.css文件放在第一位,这是为了让页面自身的CSS样式覆盖初始化样式,代码如下。
<link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/index.css" />