CSS复位-CSS Reset代码举例 -pc6资讯

您的位置：首页 → 网页设计 → HTML/CSS → CSS复位-CSS Reset代码举例

CSS复位-CSS Reset代码举例 时间：2011/6/30 18:19:53来源：飓风整理作者：佚名我要评论(0)

正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能经常用到这行代码：

* { padding: 0; margin: 0; border: 0; }

这也是一款CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。

对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，则需要有选择地进行CSS重设，以减少资源浪费。

下面是Yahoo的CSS重设代码，也是受最多人喜爱的CSS Reset方法，YUI选择的方法是程序代码：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:”;
}
abbr,acronym { border: 0;
}

相关视频

没有数据

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。