1.數字、錢字符號:
color: #ed3729;
font-size: 15px;
font-weight: bold;
font-family:Century Gothic, Arial, Helvetica, sans-serif,新細明體;
2.一般字體可用:
font-family: "微軟正黑體";
font-family:Arial, Helvetica, sans-serif,新細明體;
3.商品名稱如果有帶型號最好不要使用英文單字換行,會不整齊,文字太常可用css將他隱藏
word-break:break-all;
height:36px;
overflow:hidden;
4.可用簡單標籤來簡化html像是 i b 但要先消除他的屬性:
i { font-style: normal; }
b { font-weight:normal; }
5.css3 漸漸普及可多用,例如圓角、陰影:
box-shadow:2px 2px 5px #999; // 陰影
border-radius:3px; // 圓角
6.用line-height可以將文字垂直置中不用padding:
height:36px;
line-height:36px;
7.圖片加文字圖片會太高可將圖片加上position:
position:relative;
top:9px;
8.連結標籤可當div用但要加上display:
a { display:block;}
9.除了ul li可以做選單多層選單可以再利用dl dt dd:
dl{
margin:0px;
padding:0px;
}
dt{
margin:0px;
padding:0px;
}
dd{
margin:0px;
padding:0px;
}
10.考慮SEO要加上H1、H2....:
h1,h2,h3 {
padding:0px;
margin:0px;
font-weight:normal;
}
11.可將好看的色碼記下來以後可以用
12.適度的用icon可讓版面更好看