页面初始化css样式,css 初始化

为什么要初始化css样式

首先我们要知道，每一个html标签都有其自己的默认样式，而css则可以改变html的样式。

创新互联-专业网站定制、快速模板网站建设、高性价比新余网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式新余网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖新余地区。费用合理售后完善，10年实体公司更值得信赖。

比如一个div元素，它存在默认的margin值，而设计需要其对齐左上角，那么就要修改其margin值，对于大量的div设置就很麻烦，所以初始化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;} //为了使文本段落左右两边对齐

不同的浏览器对有些标签的默认值是不同的，为了消除不同的浏览器对HTML文本呈现的差异，照顾浏览

器的兼容，我们需要对css进行初始化。也就是指重新设置浏览器的样式（css reset）

学习CSS知识，网上就有挺多教程的，B站上的黑马程序员前端教程不错，可以看看。很高兴您能一直采纳我的回答，希望一直为您提供帮助

因为html各标签本身就自带了一些属性，而且各浏览器对这些属性的标准是不一样的，为了形成统一方便排版，就需要初始化CSS样式。

因为有些浏览器默认样式并不是你想要的，就目前来讲基本样式都是UI设计好的，如果按照设计稿去做你也需要去先清除默认样式，所以就有了css reset，主要还是根据具体需求来说，如果美观性没什么要求的话，就没必要了

因为块状元素默认有margin和padding值，在各个浏览器下解析不一样，为保证各浏览器下看到的效果一样，所以先初始化再统一赋值

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容