html外边距如何归零,Global 全局样式基本设置

1.  默认字体设置,边距设置

html {

font-family: sans-serif; /* 默认字体 */

font-size: 100%; /* 在用户调整窗口大小时,字体大小做相应调整。 */

-ms-text-size-adjust: 100%; /* IE浏览器 */

-webkit-text-size-adjust: 100%; /* FireFox浏览器 */

}

2.  去除默认边距

body{

margin: 0; /* 外边距 */

padding: 0; /* 内边距 */

border: 0; /* 边框 */

}

3.   链接相关样式

a {

text-decoration: none; /* 去除默认下划线 */

}

a:focus {

outline:thin dotted; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */

}

a:active, a:hover {

outline: 0;

}

4.   排版相关样式

h1 {

/* 使h1标签在section标签和article标签的留白和字体样式统一。可同时兼容Firefox 4+、Safari 5和Chrome等不同的浏览器 */

font-size: 2em;

margin: 0.67em 0;

}

abbr[title] {

border-bottom: 1px dotted; /* 解决首字母样式在IE8/9、Safari 5和chrome浏览器中未定义的问题 */

}

b, strong {

font-weight: bold; /* 添加加粗样式,应用于Firefox 4+、Safari 5和Chrome */

}

dfn {

font-size:italic; /* 添加斜体样式,应用于Safari 5和chrome */

}

hr {

/* 解决其在Firefox中的兼容性问题 */

-moz-box-sizing: content-box;

box-sizing: content-box;

height: 0;

}

mark {

/* 解决其在IE8/9中样式未定义的问题 */

background: #ff0;

color: #000;

}

code, kbd, pre, samp

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值