HTML块状元素和内联元素 |
您所在的位置:网站首页 › 块状元素和内联元素 › HTML块状元素和内联元素 |
HTML块状元素和内联元素
块状元素内联元素内联块状元素none属性
可以这样解释在HTML(超文本标记语言)中将标签分为两种:
一种是容器级,例如div,h,li,dt,dd,ul.table,p,blockquote,address,caption
另一种是文本就级,例如p,a,b,span,em,i,u,
而在CSS中将标签分为
块状:*
...
内联(行内): a - 锚点abbr - 缩写acronym - 首字b - 粗体(不推荐)bdo - bidi overridebig - 大字体br - 换行cite - 引用code - 计算机代码(在引用源码的时候需要)dfn - 定义字段em - 强调font - 字体设定(不推荐)i - 斜体img - 图片input - 输入框kbd - 定义键盘文本label - 表格标签q - 短引用s - 中划线(不推荐)samp - 定义范例计算机代码select - 项目选择small - 小字体文本span - 常用内联容器,定义文本内区块strike - 中划线strong - 粗体强调sub - 下标sup - 上标textarea - 多行文本输入框tt - 电传文本u - 下划线var - 定义变量 块状元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一行。 2.元素的高度,宽度,行高以及顶和底的边距都可以设置。 语法: 使用display:block;可以将其设置为块状元素,使其具有块状元素的特点。 内联元素特点: 1.每个内联元素都会和其他元素在一行,不会像块状元素那样霸道的独占一行。 2.元素的高度,宽度,行高以及顶和底的边距都不可设置。 3.元素的宽度就是他们所包含的文字或者图片的宽度,不可设置。 语法: 使用display:inline;可以将其设置为内联元素,使其具有块状元素的特点。 内联块状元素特点: 1.每个内联块状元素都会和其他元素在一行。 2.元素的高度,宽度,行高以及顶和底的边距都可以设置。 语法: 使用display:inline-block;可以将其设置为内联块状元素,使其具有块状元素的特点。 none属性当元素想要隐藏是可以使用display:none; 这样就可以将元素隐藏起来。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |