css的初始化(css reset)

it2023-08-15  71

css的初始化

说明为什么要进行css初始化呢?以下是京东初始化的代码完

说明

本教程适用于所有html标签的csscss的初始化

为什么要进行css初始化呢?

不同的浏览器对html标签的默认方式不同,为了兼容性我们要对css进行初始化。

以下是京东初始化的代码

/* 内外边距初始化 */ * { margin:0; padding:0 } /* 取消em,i的倾斜 */ em, i{ font-style:normal } /* 取消小点 */ li{ list-style:none } img{ /* 低版本,如果有图片连结时就会有边框 */ border:0; /* 取消底侧有空白缝隙 */ vertical-align:middle } button{ /* 鼠标变成小手 */ cursor:pointer } a{ color:#666; /* 连结没有下划线的问题 */ text-decoration:none } a:hover{ color:#c81623 } button, input{ /* 字体 */ font-family:Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif } body{ /* css3抗锯齿形,让文字显示的更加清楚 */ -webkit-font-smoothing:antialiased; background-color:#fff; /* "\5B8B\4F53"是宋体的意思 */ 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 }

最新回复(0)