要想做出精美的網(wǎng)頁一定要用到CSS。層疊樣式表 (CSS) 是一系列格式規(guī)則,它們控制網(wǎng)頁內(nèi)容的外觀。CSS 樣式使您可以控制許多僅使用 HTML 無法控制的屬性。CSS的重要性就不多說了,要說清楚CSS可以寫成一本大書。本文的目的,是想通過一篇文章,把握CSS最基本最重要的應(yīng)用。
第一部分:要實(shí)現(xiàn)的目標(biāo):把一個(gè)網(wǎng)頁的文字變成好看的12象素(px)大小。
實(shí)現(xiàn)方法:通過“重定義HTML”標(biāo)簽,定義td(td是單元格的標(biāo)簽)的字體大小為12象素(px)。因?yàn)檎麄€(gè)網(wǎng)頁內(nèi)容放在表格中的,也是放在單元格中的,所以,可能通過重定義單元格樣式,改變所有放在單元格里的內(nèi)容。當(dāng)然,重定義表格標(biāo)簽table,也可以實(shí)現(xiàn)同樣的效果。
簡(jiǎn)明步驟:打開樣式面板→在類型中選擇“重定義HTML”標(biāo)簽→選擇要重定義的標(biāo)簽,例如td→給所選標(biāo)簽(例如td)定義CSS→一個(gè)定義了標(biāo)簽的網(wǎng)頁就做好了。
1.打開一個(gè)網(wǎng)頁文檔。
2.打開樣式面板。
3.點(diǎn)擊“新建CSS樣式“按鈕。
4.在“類型”中,選擇“重定義HTML”標(biāo)簽。
5.選擇td標(biāo)簽。Td標(biāo)簽代表單元格。
6.選擇分類中的“類型”。
7.設(shè)置字體:選擇字體,假如沒有需要的字體,可以編輯字體列表,見第二部分。
大小:設(shè)置字體大小,好看的中文字大小有12象素(px)和9點(diǎn)數(shù)(pt)兩種,兩者效果差不多。
行高:行高是一行文字與另一行文字之間的距離,為了方便閱讀,行高設(shè)置大點(diǎn)吧。可以設(shè)置在15像素到25像素之間。實(shí)例中使用20像素。
修飾:對(duì)于普通文本,選擇無。對(duì)于鏈接,可以選擇下劃線,上劃線加下劃線,無等幾種。
顏色:黑色最適合閱讀,其次就是灰色,白色。鏈接默認(rèn)的藍(lán)色,顏色太深,假如整個(gè)頁面都是鏈接,使用藍(lán)色根本起不到分辨的作用,并且十分難看。建議頁面不要使用默認(rèn)的藍(lán)色!
8.按“確定”按鈕后,一個(gè)應(yīng)用了CSS的網(wǎng)頁就做好了。
第二部分:編輯字體列表。
1.單擊字體欄的下拉箭頭,打開編輯字體列表。
2.在編輯字體列表窗口中,點(diǎn)擊加號(hào)按鈕。
3.選擇一種字體,如宋體,按左箭頭按鈕。
4.繼續(xù)添加字體,選擇一種字體,如Arial,按箭頭按鈕添加。
說明:一個(gè)字體列表中有多種字體,比如“方正,宋體,黑體,華文中宋”,訪問者電腦從最開頭的方正字體開始執(zhí)行,假如沒有對(duì)應(yīng)的方正字體,就執(zhí)行宋體,沒有宋體,就執(zhí)行黑體,假如列表中的字體都沒有,就用系統(tǒng)默認(rèn)的字體替代。
新聞熱點(diǎn)
疑難解答