飞龙前端殿堂0:区分html标签是行内元素还是块级元素.txt
feilong.org 修订于2021-01-22 12:19:14 276 次浏览飞龙前端殿堂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:48 feilong.org 于广州
加入收藏夹,查看更方便。
所在分类: html css 教程