CSS_显示某块和标签嵌套

# 一、显示模块 ## 1、块级元素 #### 特点: 1.独占一行(一行只能显示一个) 2.宽度默认是父元素的宽度,高度默认由内容撑开 3.可以设置宽高 #### 例如: “` div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer. “` ## 2、 …

一、显示模块

1、块级元素

特点:

1.独占一行(一行只能显示一个)
2.宽度默认是父元素的宽度,高度默认由内容撑开
3.可以设置宽高

例如:

div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer.

2、行内元素

特点:

1.一行可以显示多个
2.宽度和高度默认由内容撑开
3.不可以设置宽高

例如:

a、span、b、u、i、s、strong、ins、em、del…

3、行内块元素

特点:

1.一行可以显示多个
2.可以设置宽高

例如:

input、textarea、button、select..
特殊情况:img标签有行内块元素特点,但是Chrome调试工具中显示结果是inline

4、元素显示模式转换

目的:改变元素默认显示特点

属性 效果 频率
display:block 转换成块级元素 较多
display:inline-block 转换成行内块元素 较多
display:inline 转换成行内元素 较少

二、扩展:标签嵌套

注意:

1、块级元素一般作为大容器,可以嵌套:文本、块级元素、行内元素、行内块元素等等…

但是:p标签中不要嵌套div、p、h等块级元素

2、a标签内部可以嵌套任意元素

但是:a标签不能嵌套a标签

以上内容为学习尚硅谷视频后整理

                       

点击阅读全文

上一篇 2023年 6月 10日 am11:11
下一篇 2023年 6月 11日 am12:52