CSS的基本样式(用于清除基本样式)

239 阅读1分钟

1、把所有标签的内外边距清零

* {    margin: 0;    padding: 0;    /* css3盒子模型 */    box-sizing: border-box;}

2、清除斜体文字不倾斜以及去掉li的小圆点

/* em 和 i 斜体的文字不倾斜 */em,i {    font-style: normal}/* 去掉li 的小圆点 */li {    list-style: none}

3、取消图片底侧有空白间隙问题

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

4、button按钮时鼠标变小手

button {    /* 当我们鼠标经过button 按钮的时候,鼠标变成小手 */    cursor: pointer}

5、链接的样式

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

6、基本的一些设置,方便调用

button,input {    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;    /* 默认有灰色边框 */    border: 0;    outline: none;}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}