飞龙前端殿堂0：区分html标签是行内元素还是块级元素.txt
feilong.org 修订于2021-01-22 12:19:14 325 次浏览飞龙前端殿堂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 教程
