css初始样式,css基本样式
为什么要初始化css样式
首先我们要知道,每一个html标签都有其自己的默认样式,而css则可以改变html的样式。
十载建站经验, 成都网站建设、成都网站设计客户的见证与正确选择。创新互联建站提供完善的营销型网页建站明细报价表。后期开发更加便捷高效,我们致力于追求更美、更快、更规范。
比如一个div元素,它存在默认的margin值,而设计需要其对齐左上角,那么就要修改其margin值,对于大量的div设置就很麻烦,所以初始化css样式就很重要。
css页面的初始化作用是什么?
CSS初始化的代码一般要控制常见的页面元素比如body div table等的大小,位置和背景色等夜页面初始加载的样式:
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:12px; color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:24px; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } //禁用了文本的拖拉,尤其在谷歌下
p{ text-align:justify; text-justify:distribute;} //为了使文本段落左右两边对齐
CSS 如何恢复到默认样式?
浏览器默认没有样式的,你在加了全局样式后如果个别地方需要单独样式可单独设置,例如:
body
{margin:0
auto;padding:0;}
.a
{margin:5px;padding:0
10px;}
body
div
class="a"这里是内容/div
这里的a就是局部样式的定义了。
为什么要初始化css?
初始化css可以避免不必要的麻烦。
很多html都会有默认属性,而且对不同浏览默认值可能不同,很容易导致兼容性问题。而且对于默认值,也容易被自己或他人忽略而造成样式没有达到预期效果。
比如body在浏览器中会有默认的margin如果不清除,对于我们后面的代码编写会造成影响,明明没有写的属性却被设置了。对于其他如p元素、input元素等亦是如此。
网页标题:css初始样式,css基本样式
转载源于:http://cdiso.cn/article/dsiohjh.html