汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS内联元素与块级元素的区别 如何实现转换?

作者:admin 发布时间:2019-08-11

之CSS内联元素与块级元素的区别:内联元素和块级元素的主要区别就在于块级元素可以包含块级元素和其他内联元素,继承了父元素的属性,其容器大小是可以自己定义的,它占用了一个矩形区域;内联元素受限于父元素,它只属于文本行中的一块区域,没有继承父元素的容器大小,而是属于父元素中的一部分。
做个实验,来两个例子看看:
CSS代码:
style type= text/css
!--
.x{
color:#FF0000;
display:inline;
}
.xx{
color:#00FF00;
display:block;
}
.xxx{
color:#0000FF;
display:inline;
}
.xxxx{
color:#FFFF00;
}
--
/style
HTML代码:
p
div >

运行看看效果截图:
CSS内联元素与块级元素的区别

内联元素与块级元素的区别 相关:。

网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1