元素常规分类,类型转换,嵌套规则

一.元素分类

1.常规分类

块级标签  默认独占一行 是完整的盒子 可以设置宽高

行级标签 有多宽占多宽  不是完整的盒子  不可以设置宽高和 垂直方向的内外边距

行内块标签  有多宽占多宽 可以设置宽高 如   img  input button

2.非常规分类

置换元素:浏览器根据元素的属性和属性值来决定显示什么内容

非置换元素:不是置换的非置换元素


二.元素类型的转化

形如: display :block inline inline-block none

block 转块级标签并显示

none 隐藏


三.悬停

e:hover{}  鼠标停在e身上并给e 做样式

e:hover f{} 鼠标停在e身上 并给e的下级f 做样式


四.元素的嵌套规则

1.块级元素可以包裹其他类型

2.行级只能包括 行级或行内块级

3.ul ol 里面只能有li  li里面可以有任何的元素  li外面必须有ul

4.p标签里面只能放行级 不能放块级

5.a标签可以放块级标签

你可能感兴趣的:(元素常规分类,类型转换,嵌套规则)