
正文
为什么要初始化css样式,为什么要初始化css样式文件
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
为什么要初始化css?
因为不同的浏览器,不同的设备默认的css样式是不一样的,而且有些元素自身默认带有的属性有一定影响,所以为了让页面能在各种设备上保持一致的效果,需要对css进行初始化。
相关问答
Q1: Web前端面试题:为什么要初始化CSS样式
因为html各标签本身就自带了一些属性,而且各浏览器对这些属性的标准是不一样的,为了形成统一方便排版,就需要初始化CSS样式。
Q2: 为什么要初始化css样式
首先我们要知道,每一个html标签都有其自己的默认样式,而css则可以改变html的样式。
比如一个div元素,它存在默认的margin值,而设计需要其对齐左上角,那么就要修改其margin值,对于大量的div设置就很麻烦,所以初始化css样式就很重要。
Q3: 为什么要初始化CSS样式
便签自带的样式不一定是合适的,这时候就需要重新就行编写,但是,默认的的初始值会影响页面效果的实现,因此需要将默认的样式去掉,然后重新添加新的样式,所以必须将样式初始化处理,以免在制作过程中会出现样式处理不了的情况
Q4: 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;} //为了使文本段落左右两边对齐
Q5: css初始化风格问题
楼主,你不是不懂css,而是不懂html。
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 12px; }
h1到h6是html六种标题标签,在word里也有不同大小的标题预设值,他们分别有字体大小不同,边距不同、行高不同,也就是默认css属性font-size、margin-top、margin-bottom、line-height的值不同。
ul、ol是列表标签,如果不用css修饰,ul里每一项是以符号开始,ol是以数字开始
li是列表项标签。
dl、dt、dd这套和ul、ol差不多,但这一套把列表项可以分成dt和dd两种,但没有开始符号或数字。
你写的这几个css都是为了统一html的标签样式以便操作。
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
意思是页面中的所有html标签、body标签、div标签、span标签.......tr标签、th标签、td标签的填充、边距、边框、外边线都为0,其中outline是ie不支持,在ff下是外边线,比如用它可以改变元素聚焦时候的虚线样式。
cssReset几乎每个网站都有,打开一个页面就可以看,至于注释,我认为绝对没人给这东西标注释,因为这是简单的不能再简单的css了,都已经接近白话文了,只有复杂的css框架才会有相关的api或者注释。







