一.所有非嵌段元素的可见元素均为在线元素###
块元素(block element ) )
*地址-地址
* blockquote -块引用
* center -枚举对齐块
* dir -目录列表
* div -常用的块级简单,也是css layout的主要标签
* dl -定义列表
* fieldset - form控制组
* form -交互式表单
* h1 -大标题
* h2 -副标题
* h3 - 3三级三级标题
* h4 - 4级标题
* h5 - 5级标题
* h6 - 6六级标题
* hr -水平分割线
* isindex - input prompt
* menu -菜单列表
* noframes - frames可选内容,(在不支持frame的浏览器中,将显示此块内容
* noscript -脚本内容(显示在不支持脚本的浏览器中)
* ol -排序表单
* p段
* pre -文本格式
*表-表
* ul -非排序列表
内嵌元素(inline element ) )
* a锚
* abbr -缩略语
* acronym -首字母
* b -粗体(不推荐) ) ) ) ) ) )。
* bdo-bidi覆盖
* big -大字体
* br -换行符
* cite -引用
代码-计算机代码(引用源代码时需要) ) )。
* dfn -字段定义
* em -强调
*字体设置(不再推荐) ) ) )。
*斜体
* img -图片
* input -输入框
* kbd -键盘文本定义
*标签-表单标签
* q -简短引用
* s -中线(不推荐) ) ) ) )
* samp -示例计算机代码的定义
*选择-项目选择
* small -小字体文本
* span -用于定义文本中块的通用内嵌容器
* strike -中线
* strong -粗体强调
*副-下标
* sup -上标
* textarea -多行文本输入框
*电传文本
* u底线
* var -定义变量
二.嵌套规则
块级元素可以包含内联元素或部分块级元素,但内联元素不能包含块级元素。 只能包含其他内联元素。
块级元素不能放在p中。
有一些特殊的块级元素仅包含内联元素,而不包含块级元素。 例如h1、h2、h3、h4、h5、h6、p、dt
li可以包含div
块级元素与块级元素排列,内联元素与内联元素排列。
div可以嵌套在p中吗##
不,嵌套会导致html语义失败。 请看下面的示例
3360 targetpseudoclassexamplepem : last-of-type {
color: #4cae4c;
}
I'm not lime : (
I am lime1! I am lime2!
I am lime!
I'm not lime :(
I'm lime :D
I am also lime! I'm not lime
I'm also not lime :(
I am div lime1!
正常显示的效果
如您所见,在css中设置的伪类规则对p元素下的所有em元素都有效。 所有em都是父类的最后一个em,字体颜色为#4cae4c。 ),然后看看代码中嵌套div的结果。
3360 targetpseudoclassexamplepem : last-of-type {
color: #4cae4c;
}
I'm not lime : (
I am lime1! I am lime2!
I am lime!
I'm not lime :(
This is a div em I'm lime :D
I am also lime! I'm not lime
I'm also not lime :(
I am div lime1!
div嵌套后的效果
很遗憾,div后所有的伪系css效果都失效了。
引用: