手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >初始化CSS的方法
初始化CSS的方法
摘要:为什么要初始化CSS?CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果...

为什么要初始化CSS?

CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。

CSS初始化示例代码

CSS Code复制内容到剪贴板 /*cssresetwww.admin10000.com*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} body{background:#fff;color:#555;font-size:14px;font-family:Verdana,Arial,Helvetica,sans-serif;} td,th,caption{font-size:14px;} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} a{color:#555;text-decoration:none;} a:hover{text-decoration:underline;} img{border:none;} ol,ul,li{list-style:none;} input,textarea,select,button{font:14pxVerdana,Helvetica,Arial,sans-serif;} table{border-collapse:collapse;} html{overflow-y:scroll;} /*csscommon*/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{*zoom:1;}

上面是CSS重置代码,这段代码是我比较喜欢用的一种方式,虽然还不够完美但是常用的几乎已经都包括了。

下面顺便给出html模板,用于每次新开发页面使用。

XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"lang="zh-cn"> <head> <title>网站标题-Admin10000.com</title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <metahttp-equiv="Content-Language"content="zh-CN"/> <metaname="Author"content="网页作者"/> <metaname="Copyright"content="网站版权"/> <metaname="keywords"content="网站关键字"/> <metaname="description"content="网站描述"/> <linkrel="ShortcutIcon"href="网站.ico图标路径"/> <linktype="text/css"rel="stylesheet"href="CSS文件路径"/> <scripttype="text/javascript"src="JS文件路径"></script> </head> <body> </body> </html>

【初始化CSS的方法】相关文章:

学习一下CSS的渲染效率

CSS条状图表形式的实现方法

CSS的nth-child使用方法

CSS代码中进行注释的三种方法

纯语义化XHTML CSS设计表单方法

CSS:清除浮动的最优方法

CSS里display的使用方法

用CSS巧控制段落缩进的方法

CSS实现圆柱型数据报表的方法

CSS语法

精品推荐
分类导航