CSS初始化通用代码

最新推荐文章于 2025-12-18 17:13:23 发布

原创最新推荐文章于 2025-12-18 17:13:23 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端 #html

小技巧专栏收录该内容

5 篇文章

订阅专栏

本文提供了一组CSS代码，用于重置元素的默认样式，包括清除元素的内外边距，设置图片无边框并消除底部空白缝隙，改变列表项的显示方式，以及调整链接和button的交互表现。

/*清楚元素默认的内外边距*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/*让所有斜体 不倾斜*/

em,
i {
    font-style: normal;
}


/*去掉列表前面的小点*/

li {
    list-style: none;
}


/*图片没有边框  去掉图片底册的空白缝隙*/

img {
    border: 0;
    /*ie6*/
    vertical-align: middle;
}


/*让button 按钮变成小手*/

button {
    cursor: pointer;
}


/*取消链接的下划线*/

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #e33333;
}