html记录之标签的分类和使用方法
来源:互联网 发布:java返回值是什么意思 编辑:程序博客网 时间:2024/06/07 02:07
html标签有自己默认分类,但是我们是可以通过display来修改他的默认分类。
1: 行级标签inline
设置宽高不起作用特征:可以和其他的行级标签共享一行,设置宽高不起作用,margain,padding上下不起作用,左右起作用,它的高度是由line-height决定的。
a span i em b strong
span : 没有语义,可以和其他的行级标签共享一行,
i,em:斜体标签,i 标签 普通的斜体 em:有强调的含义
b,strong 都有加粗的效果,strong说明我们的内容是重要的含义
宽度:m+p+b+c(不是由width而是由真实内容)
高度:由 line-height 来决定
2: 块级标签block
特征:独占一行,不和其他的标签共享一行,设置宽高有效常用的块标签:h1~h6,p,div,form,hr,table
h1~h6: 代表的标题
p:代表一个段落
form:收集用户的信息并提交到服务器
hr:横线分割
table:表格
div:通用标签,没有特殊的语义,在其他块标签都不合适的情况下使用
3: 行级块标签 inline-block(置换标签)
特征:可以和其他的行级标签共享一行,设置其宽高有效常用的行级块标签:img,button,input,textarea
<div style=”font-size:0”>
<button></button>这里会有一个回车换行,浏览器会自动解析,为了消除这个效果父元素设置字体尺寸为0,但是子元素的font-size也会为了0,(inline标签也存在这种现象)
<button></button>
</div>。
修改标签的默认分类
display : inline || inline-block || block || none;;
阅读全文
1 0
- html记录之标签的分类和使用方法
- h5学习之5(html中常见标签的分类和标签之间的转换)
- HTML标签的分类
- HTML标签的分类
- html标签的分类
- HTML 其他的常见标签 和标签的分类
- HTML标签元素的分类
- HTML标签元素的分类
- HTML标签元素的分类
- HTML标签元素的分类
- Html标签元素的分类
- 29-HTML-19-HTML(标签的分类)
- 课堂总结之html常用标签分类
- web前端之HTML标签分类
- HTML标签分类:按照标签的显示模式分类
- Html中块级标签和行级标签的分类和使用
- HTML embed标签使用方法和属性详解
- HTML embed标签使用方法和属性详解
- 转的 侵立删 java内存模型
- 大话微信支付踩的坑
- python+selenium+eclipse问题排查(一)
- HTML5-ionic框架
- JavaWeb-会话的持久化:HttpSessionActivationListener
- html记录之标签的分类和使用方法
- Redis、Memcache和MongoDB的区别
- 几个有用的vim命令
- spring batch
- IntelliJ IDEA 的常用基本配合maven,git的使用
- (O)ServiceManager分析(一)之BinderInternal.getContextObject
- HDU 6134 莫比乌斯反演
- 如何审查有贬损含义的商标?
- 程序员需要学些什么?程序员好考吗?