各大型网站用的全局样式

ava_chc

于 2011-04-19 14:47:06 发布

阅读量348

点赞数

CC 4.0 BY-SA版权

文章标签： CSS

本文链接：https://blog.youkuaiyun.com/ava_chc/article/details/83907168

本文介绍了一段用于前端开发的CSS全局样式代码，该代码覆盖了常见的HTML元素样式重置，并提供了一些基本的样式规范，有助于理解如何编写统一且简洁的全局样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

01./* 全局样式 */

02.body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}

03.body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","Arial Narrow";}

04.ul,ol{list-style-type:none;}

05.select,input,img,select{vertical-align:middle;}

06.a{text-decoration:underline;}

07.a:link{color:#009;}

08.a:visited{color:#800080;}

09.a:hover,a:active,a:focus{color:#c00;}

10..clearit{clear:both;}

11./* page */

12.#page{width:950px; overflow: visible; _display:inline-block; margin:0 auto;}

PS:本帖是转载，但感觉相对前端开发的作用还是很大的……当然，在这段CSS作用并不是让你拿过去CTR+V到自己CSS中，更多的是学习一下写全局样式的一个思路，很多网站都这样去写，肯定有它的好处；