1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > CSS 块元素 行内元素 行内块元素及元素之间转换

CSS 块元素 行内元素 行内块元素及元素之间转换

时间:2018-07-07 01:40:25

相关推荐

CSS 块元素 行内元素 行内块元素及元素之间转换

元素的显示模式

元素一般分为块级元素行内元素

1. 块元素

常见的的块元素:<h1>-<h6>,<p>,<div>,<ol>,<li>

1.1 块元素特点

独占一行高度,宽度,外边距及内边距都可以控制宽度默认是容器(父级宽度)100%是一个容器盒子,里边可以放行内或者块级元素

1.2 注意

文字类元素内不能使用块级元素如:<p>,<h1>~<h6>

2. 行内元素

常见的行内元素(内联元素):<a>,<strong>,<b>,<em>,<i>,<del>,<s>,ins,<u>,<span>

2.1 行内元素特点

行内元素在一行上,一行可以显示多个宽高直接设置是无效的默认宽度就是它本省内容得宽度行内元素只能容纳文本或者其他行内元素

2.2 注意:

链接里面不能再放链接特殊情况链接<a>里可以放块级元素,此时建议将<a>标签转化为块级元素

3. 行内块元素

行内元素中<img/>,<input/>,<td>他们同时具有块级元素和行内元素得特点

3.1 行内块元素特点

和相邻得元素在同一行上(中间又空白缝隙)默认宽度是它本身内容得宽度高度,行高,外边距以及内边距都可以控制(块元素特点)

4. 元素显示模式的转换

元素模式转换使用属性:display

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。