首先先从标题标签说起,常用的标题标签有<h1></h1>
,<h2></h2>
,<h3></h3>
,这三个标签都是块标签,且双标签。h1标签的默认样式是margin-top:21.44px
,margin-bottom:21.44px
,font-weight:bold
,font-size:2em
。
h2标签的默认样式为margin-top:19.92px;margin-bottom:19.92px; font-weight:bold; font-size:1.5em
。多用于模块标题。
h3标签的默认样式为margin-top;18.72px;margin-bottom:18.72px;font-weight:bold
;
font-size:1.17em
。我们后期进行SEO搜索引擎优化的时候,为了方便代码复用,减少文档体积,会开发属于我们自己风格的reset.css
对某些标签的默认样式进行重置,对标题标签的重置顶多把它们的上下margin重置掉,利于我们的布局。
然后就说到了p标签,段落标签,属于块标签,且双标签。段落标签内不能嵌套块级标签。它的默认样式就是具有margin-top:16px;margin-bottom:16px
。
再是hr标签,块级标签的单标签。它是一条分割线。具有的默认样式为:margin-top:8px;margin-bottom:8px;border:1px solid black
。
接着是列表标签,先是有序列表<ol></ol>
,块级标签,双标签,不能单独使用,必须跟<li></li>
一起使用。它的默认样式为,margin: 16px 0;padding-left:40px;它的list-style-type:decimal
;<li></li>
的默认样式为display:list-item
;这个比较特殊,需谨记。还有它的list-style-type:
属性会跟随其父级的列表的list-style-type
属性值。
还有就是无序列表<ul></ul>
,亦是块级标签的双标签。它的默认样式与有序列表相同,不同的是list-style-type:disc
。它也是跟<li>
标签一起使用的,不能单独使用。
还有最后一个字典列表<dl></dl>
,里面包含两个标签<dt></dt>,<dd></dd>
。字典列表的默认样式为margin:16px 0;
块级标签的双标签。<dt></dt><dd></dd>
两个标签都是块级标签,其中<dd>
标签具有默认的margin-left:40px
。
a
标签的使用img
标签的使用strong
标签的使用:粗体的默认样式为:font-weight:bold
。em
斜体标签的使用:斜体的默认样式为font-style:italic
。small | big
标签的使用small
标签的默认样式为font-size:smaller;``big
标签的默认样式为font-size:larger
;sub | sup | del
标签的使用sub
标签的默认样式为vertical-align:sub;font-size:smaller
;sup
标签的默认样式为vertical-align:sup;font-size:smaller
;del
的默认样式为text-decoration:line-through
。