您现在的位置是:首页 > 网站制作 > 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:
很赞哦! ()
相关文章
随机图文
伪元素 before、after的介绍 和 元素隐藏不可见的两种方式区别
伪元素1.元素 before 在父元素中所有子元素的开头添加一个伪元素 eg: .box:before{ content: "SharedBlog"; 或 content: url(img/1.jpg);}2.元素 after 在父元三步实现滚动条触动css动画效果
现在很多网站都有这种效果,我就整理了一下,分享出来。利用滚动条来实现动画效果,ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法
一、定宽高元素在屏幕窗口水平垂直都居中,方法如下: 元素{ position: fixed; left: 50%; top: 50%; /*负值+宽的一半+单位*/ margin-left: -width/2+px; /*负值+高的一半+单位HTML 拾色器
选取颜色: 或输入颜色值:OK 或使用 HTML5: 选择的颜色: 黑色文本 阴影 白色文本 阴影 red #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%) hsv(0, 100%
文章评论
当前时间
合利宝合作加盟
合作加盟
快钱代理公告
- 凡事扫码代理必须实名认证
- 实名认证后才可拉进代理微信群
- 代理微信群有相关活动政策等