码迷,mamicode.com
首页 > 其他好文 > 详细

前端4-块级元素&行内元素&行内块元素

时间:2020-11-13 12:56:47      阅读:7      评论:0      收藏:0      [点我收藏+]

标签:宽高   img   amp   nbsp   特殊情况   默认   使用   外边距   容器   

一、块级元素:

1、常见块级元素:h1~h6、p、div、ul、ol、li

2、特点:

①、自己独占一行。

②、高宽、内外边距都可以控制。

③、默认宽度时父级宽度。

④、是一个容器和盒子,里面可以放行内元或者块级元素。

3、注意:

①、文字类元素内不能使用块级元素。

  例如:<p>、<h>标签主要用于放文字,里面不能再放其它块级元素。

 

二、行内元素:

1、常见行内元素:a、strong、b、em、i、del、s、ins、u、span

2、特点:

①、一行可以显示多个。

②、宽高设置无效。

③、默认宽度是他本身内容的宽度。

④、行内元素只能容纳文本或者其它行内元素,不能放块级元素。

3、注意:

①、链接里面不能再放链接。

②、特殊情况 a 里面可以放块级元素,但是要转换为块级模式最安全。

 

三、行内块元素:

1、常见的行内块元素:img、input、td。

2、特点:

①、一行可以显示多个。

②、默认宽度就是他本身内容的宽度。

③、宽高、内外边距都可以控制。

前端4-块级元素&行内元素&行内块元素

标签:宽高   img   amp   nbsp   特殊情况   默认   使用   外边距   容器   

原文地址:https://www.cnblogs.com/wan520/p/13916536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!