常見(jiàn)文件夾
- 項(xiàng)目文件夾 shopping
- 樣式類圖片文件夾 images
- 樣式文件夾 css
- 產(chǎn)品類圖片文件夾 upload
- 字體類文件夾 fonts
- 腳本文件夾 js
常見(jiàn)主頁(yè)和樣式文件
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>品優(yōu)購(gòu)</title>
<!-- 初始化樣式 -->
<link rel="stylesheet" href="./css/base.css">
<!-- 公共樣式 -->
<link rel="stylesheet" href="./css/common.css">
</head>
<body>
品優(yōu)購(gòu)
</body>
</html>
/* 所有元素內(nèi)外邊距清零 */
* {
margin: 0;
padding: 0;
/* css盒子模型更改 */
box-sizing: border-box;
}
/* em,i不傾斜 */
em,
i {
font-style: normal;
}
/* 去掉li的小圓點(diǎn) */
li {
list-style: none;
}
img {
/* 照顧低版本瀏覽器 如果圖片外面包含了鏈接會(huì)有邊框問(wèn)題 */
border: 0;
/* 取消底部有空白間隙 */
vertical-align: middle;
}
/* 鼠標(biāo)經(jīng)過(guò)按鈕時(shí)鞠眉，鼠標(biāo)變成小手 */
button {
cursor: pointer;
}
/* 鏈接文本取消下劃線 */
a {
color: #666;
text-decoration: none;
}
/* 鼠標(biāo)經(jīng)過(guò)鏈接時(shí)顯示紅色 */
a:hover {
color: #c81623;
}
/* 按鈕，輸入框字體 */
button,
input {
/* '\5B8B\4F53' 宋體的Unicode編碼掠剑，避免瀏覽器CSS代碼出現(xiàn)亂碼問(wèn)題 */
font-family: Microsoft YaHei, heiti SC, tahoma, arial, Hiragino SansGB, '\5B8B\4F53', sans-serif;
}
/* body默認(rèn)背景顏色，字體适刀，顏色 */
body {
/* CSS3康鋸齒衰粹，讓文字顯示更加清晰 */
-webkit-font-smoothing: antialiased;
background-color: #fff;
font: 12px/1.5 Microsoft YaHei, heiti SC, tahoma, arial, Hiragino SansGB, '\5B8B\4F53', sans-serif;
color: #666;
}
/* 元素隱藏 */
.hide,
.none {
display: none;
}
/* 清除浮動(dòng) */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: "";
height: 0;
}
.clearfix {
*zoom: 1;
}
/* 公共樣式 */
.w {
width: 1200px;
margin: 0 auto;
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
