您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5
html元素类型详细介绍 包含 块元素、内联元素、可变元素
胜于蓝2019-07-30【CSS3|Html5】人已围观
简介HTML元素分为三大类:块元素、内联元素、可变元素 1.块元素 常见块元素:div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldset
HTML元素分为三大类:块元素、内联元素、可变元素
1.块元素
常见块元素:div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldset
注:默认状态有 margin、padding 的html元素有 body、ul、ol、dl、dd、li、p、h1-h6、td、input
块状元素的特点:
① 块状元素以块的形式显示为矩形区域
② 块状元素不会并排显示、自上而下排列
③ 块元素可以定义自己的宽度和高度以及盒模型中任意的padding、margin、border
④ 块元素可以作为一个容器容纳其他的块元素和内联元素
2.内联元素
常见内联元素:a、span、b、strong、em、i、label、img、input、textarea、select
内联元素的特点:
① 内联元素在一行逐个显示
② 内联元素没有自己的形状,不能定义宽度和高度,他的宽高由内容来决定
③ 内联元素设置与高度相关的一些属性时,会显示错误或不生效(如 margin-top、 margin-bottom、 padding-top、 padding-bottom、 line-height )
④ 内联元素嵌套块元素是不合理的
常见的内联块状元素:img、input、textarea、select
内联块状元素的特点:
① 既具有内联元素的特点,在一行逐个进行显示
② 又具有块状元素的特点,可以定义宽高以及 margin、padding、border
③ 只有内联块状元素设置 vertical-align 属性有效
3.可变元素
根据上下文关系决定元素类型(块元素或内联元素)
Tags:
很赞哦! ()
相关文章
随机图文
Css3基础变形的语法以及使用介绍
语法: transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移);注: 当多种变形方式综合在一起时,用空格隔开 1. rotate 旋转( X/Y/Z 必须为大写 ) ① rotCSS盒模型的概念及组成 content padding border margin
嗯...ps随便大概画了一个参考图,色彩有点...见谅CSS盒模型的概念及组成 css盒模型概念——css盒模型是css的基石,每个html元素都可以看作是一个盒模型。 css三步实现滚动条触动css动画效果
现在很多网站都有这种效果,我就整理了一下,分享出来。利用滚动条来实现动画效果,ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力HTML 表单和输入
HTML 表单用于收集不同类型的用户输入。在线实例创建文本字段 (Text field) 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。创建密码字段 本例演示如何
文章评论
当前时间
合作加盟
快钱代理公告
- 凡事扫码代理必须实名认证
- 实名认证后才可拉进代理微信群
- 代理微信群有相关活动政策等