飞龙博客

飞龙博客 飞龙在天

飞龙前端殿堂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 教程

新作:

旧文:

blog money bui 教程 echarts 教程 eclipse 教程 html css 教程 IT趋势 js 教程 json 教程 mysql 教程 nodejs npm 教程 onblog SQLite 教程 tutorials vscode 教程 wap网站 winpe启动盘 wordpress 主机推荐 书法 前端开发 博客 名企名网 国学 域名注册 常用软件 建站程序 操作系统 教程 数码 无线上网 日记 电子商务 电脑笔记本 网站 网站优化 网站开发 网站推广 网站策划 网络 虚拟现实 默认