html行级元素和块级元素以及css转换

之前有说过html的标签是有语义的，当然也就有一些默认的样式，比如标题有h1···h6，他们的字体由大至小一次递减，字体比一般字体要加粗。

这样也就有了行级元素和块级元素，下面来看看什么是行级元素什么事块级元素：行级元素指标签不加其他css，两个标签是横向排列；块级元素指标签不加其他css，两个标签是纵向排列。

以下是一些常见的行及元素和块级元素：

行级元素(inline element)

　　 a - 锚点
　　* em - 强调
　　* i - 斜体
　　* img - 图片
　　* input - 输入框
　　* label - 表格标签
　　* select - 项目选择
　　* span - 常用内联容器，定义文本内区块
　　* strong - 粗体强调
　　* sub - 下标
　　* sup - 上标
　　* textarea - 多行文本输入框

块级元素(block element)

　　* div - 常用块级容易，也是css layout的主要标签
　　* dl - 定义列表
　　* form - 交互表单
　　* h1 - 大标题
　　* h2 - 副标题
　　* h3 - 3级标题
　　* h4 - 4级标题
　　* h5 - 5级标题
　　* h6 - 6级标题
　　* hr - 水平分隔线
　　* ol - 排序表单
　　* p - 段落
　　* table - 表格
　　* ul - 非排序列表

块级元素，会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。

当然元素的块级还是行级是可以通过本页面的css来修改，将display属性设置为“inline”元素就会变成行级元素，设置为“block”元素就会变成块级元素。

更多专业前端知识，请上【猿2048】www.mk2048.com

html行级元素和块级元素以及css转换相关推荐

css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose
行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...
【HTML】行内元素与块级元素
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别行内元素会在一条直线上排列,都是同一行的,水平方向排列块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
行内块元素有哪些标签_html的行内元素与块级元素总结
希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...
请写出至少五个块级元素_html 行级元素和块级元素标签列表分别有哪些
展开全部行内元素列表: 标签可定义锚表示一个缩写形式定义只取e5a48de588b662616964757a686964616f31333366303766首字母缩写字体加粗可覆盖默认的文本 ...
行内元素和块级元素的区别
1.常见行内元素和块级元素 (1)行内元素 <span>.<a>.<br>.<b>.<strong>.<img>.<inp ...
html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中
首先我们先了解一下行内元素和块级元素行内元素(内联元素):没有自己的独立空间,它是依附于其他块级元素存在的,空间大小依附于内容多少.行内元素没有度.宽度.内外边距等属性. 块级元素:占据独立的空间, ...
[css] 行内元素和块级元素有什么区别，如何相互转换？
[css] 行内元素和块级元素有什么区别,如何相互转换? 一般通过display属性来区分块级元素和行内元素,block代表块级元素,inline代表行内元素. 块级元素: 1.内容独占一行. 2.w ...
行内元素与块级元素，以及区别
行内元素与块级元素首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比 ...
html 指定对象为块元素,html内联（行内）元素、块级（块状）元素和行内块元素分类...
HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...

html行级元素和块级元素以及css转换

html行级元素和块级元素以及css转换相关推荐

最新文章

热门文章