样式初始化 标签类型及转换-我的前端学习笔记

一、标签样式初始化

css reset 原则：但凡是浏览默认的样式，都不要使用。

二、标签的两大阵营

块级标签：div ul li dl———————– (能设置宽高)

内联(行内)标签：span a em————-(不能设置宽高)

三、 块级标签特征

默认display：block

1、没有宽度时，默认宽度100%、

2、支持宽高

3、独占一行 （列展示）——贪婪、霸道

4、支持所有css命令

四、 内联标签特征

默认display：block

1、 默认内容撑开宽高

2、不支持宽高

3、 可以继续跟同类标签（横排展示）——友好

4、 不支持上下的margin

5、上下padding只对自身有效（诡异）

问题：

F、不支持margin:;

G、空格 回车 被解析

五、 标签类型转换

显示为块 能使内联元素具备块元素的特性

显示为内联 能使块级元素具备内联元素的特性

六、行内块级标签特征

行内块级标签 默认 —-如：

1、块级可以（横排展示） ——友好

2、行内标签支持宽高

3、没有宽度的时候内容撑开宽度

4、支持margin

问题：

1、标签间空格 被解析

2、不支持margin:auto;

3、ie6 ie7 不支持块属性标签的inline-block;

七、总结

八、text-align 文本水平对齐方式

text-align ：

-左对齐(默认)

-右对齐

-居中对齐