css初始化样式,css初始化的三种方式

为什么要初始化css样式

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

比如一个div元素，它存在默认的margin值，而设计需要其对齐左上角，那么就要修改其margin值，对于大量的div设置就很麻烦，所以初始化css样式就很重要。

相关问答

Q1: 为什么要初始化css？

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

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

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

Q2: CSS初始化、盒子深入

html元素表现的差异性：虽然html被称为一种标准，但其并非是“强制标准”。——则各个浏览器公司做出来的浏览器产品或多或少总有一些差异。

最终，通常的做法是：我们将所有各个浏览器中的html的初始标签全部“清除”——即实现类似没有“表形”功能的html。

比如很多标签有初始的margin，或padding，或字的大小或粗细，斜体等等效果，则我们使用一些css设置将这些初始表现全部“清空”，比如：

这样之后，所有的每个标签所需要的表现，都需要我们自己来使用css设置。

实际应用中，我们一般都是使用一个通用的css文件来完成此工作。

写在link rel="stylesheet" type="text/css"href="css/init.css" /

。。。。。

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

以上就是12个：

除此之外，我们还有3个设置线的某方面特性的综合属性：

border-style: 可以使用1-4个值，用来设置4个方向的线的线型，其规则同margin值的设置。

比如：border-style:solid dashed; 表示上下边框为实线，左右边框为虚线；

border-width: 同理，可以设置1-4个值，表示4个方向的线宽。

border-color：同理。

还有：4个设置每个方向边框的所有特性的综合属性：

最后，一个最大的综合属性：一次性设置4个方向的3个特性：

border: 线型 线宽 线颜色；

盒子还有背景属性。

背景分两种：

* 背景颜色：只能是纯色，全平铺——css3里面已经可以设置过度色。

background-color:颜色值；

* 背景图片：需要设置图片路径，还可以设置是否重复（平铺），怎么重复，怎么定位。

background：背景色值 背景图值 背景图重复性值 背景图定位值；

以上4个值，几乎可以任意省略（也就是任意使用其中某些）。

其实块盒子和行内盒子的所谓初始表现，并不是什么决定的东西，而只是一个属性的初始值问题：

对块盒子，其display属性的值默认是block

对行内盒子，其display属性的值默认是inline；

实际上，我们完全可以将html盒子的初始表现使用该属性来设置其其它值——即块盒子和行内盒子可以相互转换。

Q3: 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;} //为了使文本段落左右两边对齐