CSS之初始化

这段代码主要用于CSS初始化,消除标签默认的内外边距,设置盒模型为border-box,修复em和i标签的斜体问题,去除li标签的小圆点,处理img的边框和垂直对齐,确保button的鼠标指针效果,以及a标签的链接样式。同时,优化了字体显示和浏览器兼容性,提供了一种清除浮动的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/* 京东CSS初始化 */

/* 把所有标签都消除内外边距 */

* {

    margin: 0;

    padding: 0;

    box-sizing:border-box;

}

/* em和i斜体文字不倾斜 */

em,

i {

    font-style: normal

}

/* 消除所有li标签的小圆点 */

li {

    list-style: none

}

img {

    /* border 0 照顾低版本浏览器 如果图片外层包含了链接会有边框的问题 */

    border: 0;

    /* 消除图片底侧有空白间隙的问题 */

    vertical-align: middle

}

button {

    /* 当我们鼠标经过button按钮的时候,鼠标变成小手 */

    cursor: pointer

}

a {

    color: #666;

    text-decoration: none

}

a:hover {

    color: #c81623

}

button,

input {

    /* "\5B8B\4F53" 宋体的意思 浏览器兼容性更好 */

    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif

}

body {

    /* css3 特性 扛锯齿性 让文字更清楚 */

    -webkit-font-smoothing: antialiased;

    background-color: #fff;

    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;

    color: #666

}

.hide,

.none {

    display: none

}

/* 清除浮动 */

.clearfix:after {

    visibility: hidden;

    clear: both;

    display: block;

    content: ".";

    height: 0

}

.clearfix {

    *zoom: 1

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值