自学内容网 自学内容网

CSS元素显示样式

1.块元素

1.比较霸道,自己独占一行
2.高度,宽度,外边距以及内边距都可以控制
3.宽度默认是容器(父级宽度)的100%
4.是一个容器及盒子,里面可以放行内元素或者块元素
比如div就是块级元素,需要注意的是,文字类元素内不能用块级元素,如p标签,h1标签里面都不能放块元素

2.行内元素

1.相邻行内元素在一行上,一行可以显示多个。
2.高,宽直接设置是无效的
3.默认宽度就是它本身内容的宽度
4.行内元素只能容纳文本或其他行内元素
注意:链接里不能再放链接,特殊情况下a标签里可以放块级元素,比如一大块都是链接,在这一大块里再放商品图片和介绍价格什么的,,不过这种情况下把a转换成块级元素比较好。

3.行内块元素

1.和相邻行内元素(行内块)在一行上,但是它们之间会有空白缝隙,一行可以显示多个(行内元素特点)
2.默认宽度就是本身内容宽度(行内元素特点)
3.宽度,高度,行高,外边距,内边距都是可以控制的(块元素特点)例如img,input,td


原文地址:https://blog.csdn.net/qyk666/article/details/142482847

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!