CSS初始化

原创已于 2022-03-27 20:24:50 修改 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #css3

于 2022-03-24 16:23:51 首次发布

Web前端专栏收录该内容

12 篇文章

订阅专栏

常用CSS初始化代码（并不完整，实际开发为准）:

/* 把所有标签内外边距清零 */
* {
    padding: 0;
    margin: 0;
}

/* em和i斜体文字不倾斜 */
em,i {
    font-style: normal;
}

/* 去掉li的小圆点 */
li {
    list-style: none;
}

img {
    /* 照顾低版本浏览器，如果图片外包含链接会有边框问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙问题 */
    vertical-align: middle;
}

/* 鼠标经过按钮变小手 */
button {
    cursor: pointer;
}

/* 取消链接下划线以及默认颜色 */
a {
    color: black;
    text-decoration: none;
}

/* 清除浮动 */
.clearfix:after {
    visibility: inherit;
    clear: both;
    display: block;
    content: ".";
    height: 0;
}

.clearfix {
    *zoom: 1;
}