405day(CSSRESET,jd head)

《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>

猜你喜欢

转载自blog.csdn.net/orangecloudy/article/details/84001553