css标签显示模式

时间:2020-9-11 作者:admin


标签显示模式

1.1.1) 块级元素(block-level)

常见的块级元素<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>标签是典型的块元素。

块级元素的特点
(1)比较霸道,自己独占一行
(2)高度,宽度,外边距和内边距都可以控制
(3)宽度默认是父元素宽度的100%
(4)是一个容器及盒子,里面可以放行内或者块级元素

1.1.2 )行内元素(inline-level)

常见的行内元素<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<sapn>等,其中<sapn>标签是典型的的行内元素。

行内元素的特点
(1)相邻行内元素可以在一行上
(2)高和宽直接设置是无效的
(3)默认宽度就是它本身的宽度
(4)行内元素只能容纳本文或者其他行内元素

1.1.3 )行内块元素(inline-block)

在行内元素中有几个特殊的标签<img/>,<input>,<td>,可以对他们设置宽高和对齐的属性,这就是行内块元素

行内块元素的特点
(1)和相邻的行内元素在一行上,但是之间会有空白的缝隙。
(2)默认宽度就是他本身内容的宽度。
(3)高度,行高,外边距以及内边距都可以设置

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。