|
1 块级元素1-1特征
-独占一行,一行只能显示一个
-宽度默许是父元素的宽度,高度默许由内容撑开
-能够设置宽度
2 代表标签
div, p, h系列 ,ul ,li ,dl ,dt ,dd ,form, header·······
3-阅读器显示3-1代码div显示为独占一行;宽度是body的宽度;
![](https://bbs.china2au.com/bbsimg/20221120/rxvbcimor25.jpg)
3-2其余的块标签在阅读器中的显示
![](https://bbs.china2au.com/bbsimg/20221120/hijskhrtjvc.jpg)
3-3 添加了宽高后,能失效;
类选择器截图
![](https://bbs.china2au.com/bbsimg/20221120/zblstb3251b.jpg)
添加了类选择器的块级标签显示的内容;
![](https://bbs.china2au.com/bbsimg/20221120/uqb1cjlzwjs.jpg)
总结,块级标签,能够独占一行,宽度是父级标签的100%,给予宽高时,能够显示出配景的宽高。
4 行内标钱4-1显示特征
-一行能够显示多个
-宽度和高度默许有内容撑开
-不成以设置宽高
代码:
![](https://bbs.china2au.com/bbsimg/20221120/izzzgjjehvn.jpg)
阅读器显示
![](https://bbs.china2au.com/bbsimg/20221120/jzlo1rq3qfl.jpg)
4-2 行内标签比较
类选择截图
![](https://bbs.china2au.com/bbsimg/20221120/ghovpgiyr1z.jpg)
比较代码截图
![](https://bbs.china2au.com/bbsimg/20221120/ntd5mzspxp0.jpg)
阅读器显示截图:
![](https://bbs.china2au.com/bbsimg/20221120/g4atrkybimw.jpg)
阅读器显示不管加不加配景,行内块都是显示的不换行,配景色彩都在内容行内显示。
4-3参照比较
类选择截图
![](https://bbs.china2au.com/bbsimg/20221120/ghovpgiyr1z.jpg)
代码和阅读器显示比较
![](https://bbs.china2au.com/bbsimg/20221120/w2z2khzwqmh.jpg)
![](https://bbs.china2au.com/bbsimg/20221120/ozoeigz5tfe.jpg)
![](https://bbs.china2au.com/bbsimg/20221120/b0pkztcuzse.jpg)
![](https://bbs.china2au.com/bbsimg/20221120/sknkxf2ayys.jpg)
span标签是个行内标签,给他赋与了宽高也是外行内内容显示。
其余标签给予宽高会有相应的变动。
4-2代表标签
a,span,b,u,i,s,strong,ins,em,del,````
(仅为集体自学的一点点思考,如有错漏,欢送留言斧正) |
|