服务时间:8:30-18:00

首页 >web前端网

css初始化代码

发布时间:2022-12-03 19:50 字数:663字 阅读:135

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="http://www.ux20.com/news/css/reset.css" />
<link rel="stylesheet" href="http://www.ux20.com/news/css/index.css" />