CSS初始化

最新推荐文章于 2023-12-07 02:38:34 发布

菜菜—捞捞

最新推荐文章于 2023-12-07 02:38:34 发布

阅读量216

点赞数 1

文章标签： css html 前端

本文链接：https://blog.csdn.net/m0_74325827/article/details/128634384

版权

不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾刘览器的兼容，我们需要对CSS初始化

简单理解:CSS初始化是指重设浏览器的样式。(也称为CSSreset)

每个网页都必须首先进行CSS初始化。

/* 把所有标签的内外边距清零 */
*{ 
    margin: 0;
    padding: 0;
}
/* em i 斜体文字不倾斜 */
em,
i {
    font-style: normal;

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

}
img {
    /* 取消图片包含链接有边框问题  */
     border: 0; 
     /* 取消图片底部有空白缝隙，默认图片和文字居中显示 */
     vertical-align: middle;
}
button {
    /* 经过按钮鼠标变成小手 */
    cursor: pointer;
}
a {
    color: #666;
    text-decoration: none;
}

a:hover {
    /* 链接点击后的颜色 */
    color:blue

}
body {
    background-color: #fff;
    font:12px/1.5;
    color: #666;
}

/* 伪元素清除浮动 */
.box:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: " .";
    height: 0;
}