3.26笔记

css的显示对标签的分类：
块状元素
内联元素（行内元素）
争议点：
第三类：a：可变元素
             b：行内块元素
元素类型分类：块状元素；行内元素；可变元素（注：把内联块元素归在内联元素里面的）
默认情况下每类元素的特点：
块状：
1.在页面中以矩形区域显示
2.自上而下排列，独占一行
3.可以添加宽高
4.一般情况下可作为其他元素的容器
包括：（
div-常用的块级元素
dl-和dt-dd搭配使用的块级元素
form-交互表单
h1 -h6- 大标题
hr-水平分隔线
ol-有序列表
p-段落
ul -li-无序列表
fieldset表单字段集
colgroup-col -表 单列分组元素
table-tr-td 表格及行-单元格）
内联：
1.在页面最小的单位也是矩形
2.在一行内逐个排列
3.不能直接添加宽高，大小是由内容撑开的
4.内联元素也符合盒模型的规则，但是个别属性会出问题（padding:top/bottom;margin:top/bottom）
5.内联元素在一行内排列时有默认间距，解决办法：1.添加浮动；2.把所有的内联元素都放在一行，不要回车键（不推荐）
包括：（内联元素:
a -超链接(锚点)
b -粗体(不推荐)
br_换行
i斜体
em-强调
img -图片
input -输入框..
label -表单标签
span -常用内联容器，定义文本内区块
strong-粗体强调
sub -下标
sup -上标
textarea -多行文本输入框
u-下划线
select -项目选择）
可变元素：
根据上下文显示，来确定是块状还是内联元素:<button>按钮按钮按钮</button>
拓展：任何元素添加浮动都可以设置大小
元素类型的转换：display属性：
作用：检索或者设置元素生成的盒模型类型
常用属性值：1.display:block;
作用：可以将元素转成块状元素，拥有块状元素的特点
补充：大部分块状元素，默认的display的值都是block。
2.display:inline;
作用：可以将元素转成内联元素，拥有内联元素的特点
补充：大部分内联元素，默认的display的值都是inline。
3.display:none
将当前元素隐藏并不占据空间
导航项：宽高尽量加在a上面，增强用户体验