Question

css初始化风格问题

网上有很多的css样式，本人对与css一知半解，一般创建一个.htm文档以及一个.css文件，加载后就可以看到div+css的效果，有没有能详细说明一下css初始化时的所包含的意思，例如:
form,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; }
[将form,ul,ol,li,dl,dt,dd 的外边距和内填充都设置为0]

li { list-style-type:none; }
[去掉 li 标签前面的符号]

img { border: none; }
[去掉img加链接后产生的蓝色边框]

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 12px; }
[将字体统一设置为12px]

h1,h2,h3,h4,h5代表什么？字体？这个能详细说明一下么？
ul,ol,li,dl,dt,dd 设置为0,ul,ol,li,dl,dt,dd 这些每个又代表什么?

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;

这些都是什么意思，border和margin和padding我知道是什么意思，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 {
这些都是什么呢？

另外，求一个完整的css初始化风格，最好后面每行都有标注的意思，不胜感谢!!!!

Answer 1

楼主，你不是不懂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下是外边线，比如用它可以改变元素聚焦时候的虚线样式。

http://hi.baidu.com/fzfq_vip/blog/item/c187810993c9fdd663d98620.html

cssReset几乎每个网站都有，打开一个页面就可以看，至于注释，我认为绝对没人给这东西标注释，因为这是简单的不能再简单的css了，都已经接近白话文了，只有复杂的css框架才会有相关的api或者注释。

Answer 2

h1,h2,h3,h4,h5 是一种标题标签。标题的作用就是使字体进行加粗什么，目的就是和其他普通文本有所区别。
ul,ol,li,dl,dt,dd
ul是无序列表的标签，ol是有序列表的标签
li是列表项，dl带描述的列表，dt描述列表中的名词，dd描述列表中的描述。

html, body, div, span, applet, object, iframe,p, blockquote, pre, a, address, code, em, img, strong, fieldset, form, label, legend, table, tbody, tr, th, td
这些所有的都是网页标签 每个标签都有各自的意思，html，body这是网页最基本的标签会自动生成，html是根元素，body是htm的主体区域
div是区块标签主要用于布局
span行间区块标签
object插入对象
p段落标签
a链接标签
address标签联系信息
code源代码区
em重点/强调
img图片标签 插入图表时用
strong 文字加粗
form表单区域
label标签
table表格
tr表格行
td表格列
th表头
大概就知道这么多了！！自己多去查看哈资料！
1楼说得对这些都是html的标签不是css，css是根据标签名称对其设置样式的，当然可以对这些标签单独命名例如ID值或者Class。
<ul id="nav">
<li></li>
<li></li>
<li></li>
</ul>
这样就可以通过nav来进行样式设置了。设置框架为：#nav{....}
class值同理 只是框架不同：.nav{}

Answer 3

其实就是默认 的样式...

比如你一创建好 CSS HTML

它的属性值 就有个默认值..比如

margin 外边距,有个默认值 padding 内填充 也有个默认值，这样他们这些默认值 会影响到 ，你写美观 ..所以你需要还原这些默认值
*{margin:0; padding:0;} 意思是全局 它的 外边距 内填充 都为 0

<li>1</li> 前面会有 ·1

img 图片周围会有边框

默认字体 12px

h1 h2 h3 h4 可以理解成标题的意思.. h1 是最大的标题, 就是字体比较大,后面的字体 h2 h3 h4 h5 h6 会越来越小 (样式中, h1的权限最重)

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; }

这些都是全局定义, * {margin:0; padding:0;}可以搞定这一切

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

这些标签 想知道是什么意思, 最好去下载一个<< html 手册。。>>
百度 搜索下, 很多的..

祝你 学到好东西。。

Answer 4

为什么要初始化CSS呢，有什么作用？
每次新开发网站或新网页时候我们通过初始化CSS样式的
属性，为我们将用到的CSS或html标签更加方便准确。假如我们不初始化CSS样式属性，将会增大CSS代码量，为我们节约网页代码，节约网页下载时
间；还会使得我们开发网页内容时更加方便简洁，不用考虑很多。如果不初始化CSS我们在开发比较复杂的网页时候就不会知道自己是否已经设置了此处的CSS属性，是否和前面的CSS属性相同，是否统一整个网页的风格和样式。

需要初始化地方有哪些：
大致一般需要初始化有h1到h4标签、table、文字大小、文字没有链接颜色、超链接样式、DIV、居中、ol、 ul、li、img等等的样式，这里我们总结了初始化后CSS文件或叫CSS模板供大家参考使用，可根据自己实际增减。

Answer 5

你问的不是CSS，而是HTML。这些东西都是HTML的标签,CSS控制这些标签的样式。例如ul、li就是代表html的这个标签。
<ul>
<li></li>
<li></li>
<li></li>
</ul>
还有些是这标签的CLASS值和id值，都代表控制这个对应的HTML标签