网页设计:重置CSS样式表
网页设计,让人最头疼的莫过于让页面兼容各大浏览器,准确些是兼容它们“默认”的CSS样式表。这样,“抹掉”这些默认样式表成了首要问题,也就有了CSS样式表重置一说,目前用的最多的,也是自己现在正在用的方法是,添加以下代码:
第一种方式
1 | * {margin:0px; padding:0px;} |
现在众多的设计师发现,这行代码虽然简单,但却让网页解析太慢,呵呵,当然了,自己是业余的,不用太在意。
于是出现了几种CSS重置方法:
第二种方式
NETTUTS上的 Jeffrey Way写了篇文章Weekend Quick Tip: Create Your Own Simple Reset.css File
释出自己用来重置CSS样式表的方法
1 2 3 4 5 6 7 8 9 10 11 | body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 0; outline: none;} body{line-height: 1;font-size: 88% /* Decide for yourself if you want to include this. */;} h1, h2, h3, h4, h5, h6{font-size: 100%;padding: .6em 0;margin: 0 15px;} ul, ol{list-style: none;} a{color: black;text-decoration: none;} a:hover {text-decoration: underline;} .floatLeft{float: left;padding: .5em .5em .5em 0;} .floatRight{float: right;padding: .5em 0 .5em .5em;} |
这个方法适用于大多数的网页设计。
Read the rest of this entry »





