您现在的位置是:首页 > 网站制作 > 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 画基本图形,圆形、椭圆形、三角形
CSS3 圆形 #css3-circle{ width: 150px; height: 150px; border-radius: 50%; background-color: #232323;} CSS3 椭圆形 #css3-elipse{ width: 200px; height: 100pxHTML中 置换元素 和 非置换元素 分别是什么?
置换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如: img标签的src属性决定了在浏览器中显示不同的图片; input标签的type属性决定了在浏览器中显示什HTML 颜色名
目前所有浏览器都支持以下颜色名。141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。 提示: 17标准颜色:黑色,蓝色,水,紫红HTML 颜色混搭
混搭两种颜色,并查看效果: 选择颜色: #FF0000 #0000FF 顶部颜色: #FF9999 #FF9C9E
文章评论
当前时间
合利宝合作加盟
合作加盟
快钱代理公告
- 凡事扫码代理必须实名认证
- 实名认证后才可拉进代理微信群
- 代理微信群有相关活动政策等