飞龙博客

善人行善,从乐入乐。

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

feilong.org 修订于2017-06-08 10:17:12 650

​飞龙前端殿堂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标签已经废弃,不可再用。

四、标签元素对照表:
微信公众号:飞龙博客

更新网址:http://feilong.org/front-end-temple-block-or-inlineblock
最初发布:20170526 07:18:48 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 前端开发

新作:

旧文:

飞龙前端QQ群