飞龙博客

feilong.org 前端开发教程

飞龙前端殿堂0:区分html标签是行内元素还是块级元素.txt

飞龙修订于 20170526 07:18 74 次浏览

​飞龙前端殿堂0:区分html标签是行内元素还是块级元素

html是结构,css是皮肤。

html是css的基础。css是js的基础。

区分行内元素和块级元素,这是html标签的第一知识点:

行内元素:无css控制的状态下,在同一行显示。不能定宽高,不能定上下内距或上下边界。比如span img 之类。

块级元素:无css控制的状态下,独占一行。能定宽高,能定上下内距或上下边界。比如div p 之类。

还有一类元素,无css控制的状态下,同时具有以上两种元素的部分特征,并且主要具有行内元素的特征。这类元素称为可变元素/可置换元素。比如input select 之类。

常用的html标签,有30个左右,区分如下:

一、常用标签

html,body,

dl,

ul,ol,li,

p,

strong,b,small,

b,i,em,span

img,audio,video

table,

th,td,

th,

form,

label,

input,button,select,textarea,

二、应该少用标签:

fieldset,pre,

iframe,button,

object,

pre,code,abbr,sup,sub

三、其它不常用或废弃标签

略。比如font标签已经废弃,不可再用。

四、标签元素对照表:

微信公众号:飞龙博客

......

付费查看剩下内容

网址:https://feilong.org/front-end-temple-block-or-inlineblock
初发:20170526 07:18

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 前端开发

新作:

旧文:

  • 言色和悦对父母
    有无相通待亲友
关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可