1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > CSS的元素显示模式(块内元素和行内元素)

CSS的元素显示模式(块内元素和行内元素)

时间:2018-06-22 03:53:26

相关推荐

CSS的元素显示模式(块内元素和行内元素)

CSS的元素显示模式:块内元素和行内元素。

块内元素:<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>标签最典型

特点:

(1)独占一行

(2)高度,宽度,外边距以及内边距都可以控制

(3)宽度默认是容器的100%

(5)是一个容器及盒子,里面可以放行内或者块内元素

注意<p>中不能放<div>

行内元素(或内联元素):<a>,<strong>,<em>,<b>,<i>,<del>,<s>,<ins>,<u>,<span>等,其中<span>标签是最典型的行内元素

特点:

(1)相邻行内元素在一行上,一行可以显示多个

(2)高宽直接设置是无效的

(3)默认宽度是它本身内容的宽度

(5)行内元素只能容纳文本或其他的行内元素。

注意链接里面不能再放链接

元素显示模式转换:一个模式的元素需要另一种模式的特性,比如拓宽的触发范围。

(1)转换为块内元素:display:block;

(2)转换为行内元素:display:inline;

(3)转换为行内快元素:display:inline-block

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