在html中到现在为止有三种标签类型,分别是块标签,行标签以及行块标签,他们之间的特点是不同的,在实际开发中可相互之间进行转换,我们说一下他们的特点以及代表(他们之间有默认样式,为了看的舒服,本文章主要说一下如何清除默认样式):
块标签特点:1.独占父亲一行
2.宽度与父亲同宽
3.高度由内容撑开
4.如果他的上一级不是块标签,那么不能把它作为它的父级标签,只能向上寻找,直到找到他的父级标签就可以了
(body有外边距默认样式,需要清除)
块标签代表:div 主要是用来给页面搭结构(没有默认样式)
h1-h6文本样式(有文字加粗(font-weight:bold),外边距(margin),文字大小样式需要清除)
ulliolli 主要是基于列表的方式(ul(ol)有外边距样式,内边距样式,它的前面有实心圆,需要清除)
p段落标签(有外边距样式,需要清除)
以上这些是关于块标签的特点,接下来说的是行标签特点
行标签:1.不能设置行高
2.宽度高度都由内容撑开
3.margin-top不能设置
4.并成一排
5.中间有回车,两个标签之间有间隙
行标签代表:a 超链接(有一个下划线标签,需要清除)
href属性就是用来存放当鼠标点击时救会进入另一个网页,
target属性表示网页打开方式
_self:表示在当前页面打开
_blank:表示新开一个空白界面打开
Span:文本插入标签(按照我的思路,如果一行文本中间有几个与其他文本样式不同时,我就用此标签并且设计其样式)(无默认样式)
Strong:强调标签(有默认加粗样式,需要定点清除)
接下来就是最后一个:行块标签,我们需要它的特点以及代表
行块标签:1.可设置宽高
2.宽高度由内容撑开
主要代表:img 图片显示标签
Src主要用来标明图片位置