京东css初始化代码

CSS基础样式初始化与优化:提升页面兼容性和用户体验
本文详细介绍了CSS的基础初始化设置,包括内外边距、字体样式、列表点、图片边框、鼠标悬停效果、按钮样式、链接颜色以及抗锯齿技术。同时,还提及了清除浮动以保持布局整洁。

/* 1.每个网页必须首先进行css初始化 */

/* 把我们所有标签的内外边距清零 */

* {

    margin: 0;

    padding: 0

}

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

em,

i {

    font-style: normal

}

/* 去掉li的小圆点 */

li {

    list-style: none

}

img {

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

    border: 0;

    /* 取消图片底侧有空白缝隙的问题 */

    vertical-align: middle

}

button {

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

    cursor: pointer

}

a {

    color: #666;

    text-decoration: none

}

a:hover {

    color: #c81623

}

button,

input {

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

}

body {

    /* css3 抗锯齿形 让文字显示的更加清晰 */

    /* "\5B8B\4F53"就是宋体的意思,这样浏览器兼容性比较好 */

    -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、付费专栏及课程。

余额充值