常见的块级/行内/空元素

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

1.行内样式(行内样式表)
行内样式表,我们又称内联样式、行间样式;都是通过标签的style属性来设置元素的样式,它的基本语法是:

<标签名 style=“属性1:属性值1;属性2:属性2;”>内容</标签名>

2.块元素以及块元素的特点

块元素:<div></div> <h1></h1>~<h6></h6> <p></p> <ul></ul>
特点:
1.可以设置宽和高,外边距,内边距,行高
2.独占一行
3.可以容纳其他的块元素和行元素

3.行内元素的例子以及行内元素的特点

行元素:<span></span> <u></u> <a></a> <b></b>
特点:
1.不独占一行
2.不可以设置宽和高,只能设置左右的外边距和内边距,不可以设置行高
3.默认宽度是内容的本身

4.行内块元素以及行内块元素的特点

行内块元素:<img> <input> <td>
特点:
不独占一行,还可以设置宽和高

显示模式转换属性,以及行元素怎么转换内块元素

1.display;
2.display:block;
3.display:inline-block;
4.display:inline;

5.空元素(没有内容)

<br> <hr> <img> <input> <link> <meta>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值