405day（CSSRESET，jd head）_jd初始化css-优快云博客

本文链接：https://blog.youkuaiyun.com/orangecloudy/article/details/84001553

本文详细解析了京东网站使用的CSSReset样式及其作用，同时介绍了Normalize.css在处理浏览器兼容性问题上的应用。通过具体代码示例，展示了如何初始化页面样式，确保跨浏览器的一致性表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

《2018年11月13日》【连续405天】

标题：CSSRESET，jd head;
内容：

cssreset是每个网页都有的，用来初始化都css文件：

以京东为例：

*{margin:0;padding:0}
    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:#e33333}
    button,input{font-family:Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,\\5B8B\4F53,sans-serif}
    body{-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}

还有一些描述字体的代码；

normalize.css 是一个专门处理兼容性问题的css文件；

jd的head仿写：

<head>
	<meta charset="UTF-8">
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<!-- normalize.css 是用于初始化的文件 -->
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<!-- base.css 是写了公共样式的css文件 -->
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<!-- index.css 是首页自己的css文件 -->
</head>