09.css入门笔记-css初始化以京东为例

最新推荐文章于 2022-08-03 00:35:55 发布

Mr_LiuP

最新推荐文章于 2022-08-03 00:35:55 发布

阅读量149

点赞数 2

分类专栏： css基础文章标签： css html 前端

本文链接：https://blog.csdn.net/Mr_LiuP/article/details/122960833

版权

css基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这段内容介绍了如何使用CSS进行样式重置，包括清除内外边距、设置盒子模型、调整链接样式、按钮和图片处理等，以实现更统一和标准化的网页布局。此外，还涉及了一些CSS的优化技巧，如提高文字清晰度和处理浮动问题。

摘要由CSDN通过智能技术生成

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

* {

    margin: 0;

    padding: 0;

/* css3盒子模型 */

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

}