1、顏色:color
色值:十六進制、RGB、rgba、顏色名。
十六進制寫法↓
color:#ff0000;
color:#ff0000;紅色
實際中用工具吸取(fw,ps等)
顏色使用:背景色、邊框色等。
2、字體:font-family
中文:微軟雅黑、宋體。
英文:Aroal、Consola
書寫方法↓
font-family: "Arial","Microsoft Yahei","SimSun";
3、字號:font-size
書寫方法↓
font-size: 20px;
常用字號像素值:12/14/18/20都是一些偶數像素值。
文字大小，自己設置一個字體大小，如果不設置，網頁會有一個默認的字體大小。
谷歌瀏覽器:最小顯示12px，如果你設置小於12px，他會自動給你顯示成12px
IE瀏覽器可以隨意設置像素。
實際大小看設計圖，沒有設計圖或模仿網站只能測量。
利用fireworks軟件吸取，優點:方便快捷。
設置:設置成不消除鋸齒。
計算機文字在設計的時候並不是"頂天立地"的，文字大小和字號有一定差距，想其他方法字號。
方法:寫兩個相同的文字，設置相同的字體和樣式去嘗試字號是多少，能夠全部重合字號就是對的。
首先截圖截一段文字圖片，然后使用fw文字工具來寫兩個相同的文字↓
其次將自己的文字拖動到原文字上。
最后一點一點的拖動和調節字號，等到完全與原文字完全重合的時候，這個字號就是最終要的字號。
錯誤示范:差1px導致與原文字像素不一，原文字露出↓
注意:
一般網站字體顏色不會用純黑，所以在模仿網站時不要見到黑色就用#000000,要用fw里的顏色吸取工具
來確認顏色。
4、行高 line-height
一行文字實際占有的高度
單位:像素或百分比
line-height: 30px;
line-height: 200%;
fw量取方法
寫兩行文字，上下對齊，查看屬性↓
行高、字號、字體都是font字體的單獨屬性。
注意:行高書寫時必須在字號的后面↓(復合屬性寫法)屬性和屬性之間空格隔開，但是字號和行高例外，用/隔開 (字號/行高 字體)
font:14px/20px "宋體";
特殊用法:讓一行文字在盒子里垂直居中，讓行高等於盒子高。代碼↓
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } p{ width: 300px; height: 40px; font-family: "宋體"; border: 2px solid red; color: blue; font-size: 26px; line-height: 28px; } </style> </head> <body> <p>這是一段文字</p> </body> </html>
效果圖↓
可以看到這段文字並不是上下居中。
可以將行高設置與盒子高一樣↓
line-height: 40px;
將ling-hright的屬性值改為40(盒子高度)，這段文字就會上下居中。
效果圖↓
’