网页布局时建议的CSS初始化代码（方便！）

最新推荐文章于 2024-08-21 18:32:27 发布

木子小辰

最新推荐文章于 2024-08-21 18:32:27 发布

阅读量177

点赞数 1

分类专栏： # css 前端

本文链接：https://blog.csdn.net/qq_46533383/article/details/111043815

版权

前端同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

css

10 篇文章 0 订阅

订阅专栏

/*清除元素默认的内外边距  */
* {
    margin: 0;
    padding: 0
}
/*让盒子大小包含padding和border*/
div {
	box-sizing:border-box;
}
/* 通过表格的`cellspacing="0"`,将单元格与单元格之间的距离设置为0，
但是两个单元格之间的边框会出现重叠，从而使边框变粗,所以我们就要合并相邻边框解决这个问题*/
table, td {
	border-collapse: collapse; 
}
/*让所有斜体 不倾斜*/
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;
}

button,
input {
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    /*取消轮廓线*/
    outline: none;
}

body {
    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
}