【CSS】寫完新版型的CSS心得

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可讓版面更好看