xhtml-常用标签及其默认样式

首先先从标题标签说起,常用的标题标签有<h1></h1><h2></h2><h3></h3>,这三个标签都是块标签,且双标签。h1标签的默认样式是margin-top:21.44pxmargin-bottom:21.44pxfont-weight:boldfont-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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值