CSS教程(六) DW4中CSS屬性詳解
2006/1/25 16:42:00



在Dreamweaver4的CSS樣式里包含了W3C規(guī)范定義的所有CSS1的屬性,Dreamweaver4把這些屬性分為T(mén)ype(類(lèi)型)、Background(背景)、Block(塊)、Box(盒子)、Border(邊框)、 List(列表)、Positioning(定位)、Extensions(擴(kuò)展)八個(gè)部分,如下圖,下面我們分別詳細(xì)講解。
1. Type(類(lèi)型)
Type面板主要是對(duì)文字的字體,大小,顏色,效果等基本樣式進(jìn)行設(shè)置。設(shè)置時(shí),我們只對(duì)要改變的屬性進(jìn)行設(shè)置,沒(méi)有必要改變的屬性就空著。
注意:屬性名帶*號(hào)的是指樣式效果不能在編輯文檔時(shí)顯示,要用瀏覽器打開(kāi)才能看到效果。

Font:設(shè)置字體系列。什么叫字體系列呢?是指對(duì)文字設(shè)定幾個(gè)字體,當(dāng)遇到第一個(gè)字體不能顯示的文字時(shí)會(huì)自動(dòng)用系列中的第二個(gè)字體或后面的字體顯示。相對(duì)應(yīng)的CSS屬性是”font-family”。
注意:Dreamweaver4已經(jīng)內(nèi)置設(shè)定了6個(gè)系列的英文字體,一般英文字體我們用“Verdana, Arial, Helvetica, sans-serif”這個(gè)系列比較好看。如果不用這些字體系列,你就需要自己編輯字體系列,你可以通過(guò)下拉框最下面的“Edit Font List”來(lái)創(chuàng)建新的字體系列,也可以直接手動(dòng)在下拉框里寫(xiě)字體名,字體之間用逗號(hào)隔開(kāi)。中文網(wǎng)頁(yè)默認(rèn)字體是宋體,一般就空著不要選取任何字體。
Size:定義文字的大小。你可以通過(guò)選取數(shù)字和度量單位來(lái)選擇具體的字體大小,或者你也可以選擇一個(gè)相對(duì)的字體大小。最好使用Pixels作為單位,這樣不會(huì)在瀏覽器中文本變形。一般小字體用比較標(biāo)準(zhǔn)的12px。相對(duì)應(yīng)的CSS屬性是”font-size”。
注意:CSS中長(zhǎng)度的單位分絕對(duì)長(zhǎng)度單位和相對(duì)長(zhǎng)度單位,一般我們常用的絕對(duì)長(zhǎng)度單位有: px:(象素)根據(jù)顯示器的分辨率來(lái)確定長(zhǎng)度。
pt:(字號(hào))根據(jù)windows系統(tǒng)定義的字號(hào)大小來(lái)確定長(zhǎng)度。
mm、cn、in:(毫米、厘米、英寸)根據(jù)顯示的實(shí)際尺寸來(lái)確定長(zhǎng)度。此類(lèi)單位不隨顯示器的分辨率改變而改變。
相對(duì)長(zhǎng)度單位有:
em:當(dāng)前文本的尺寸。例如:{ font-size:2em}是指文字大小為原來(lái)的2倍。
ex:當(dāng)前字母“x”的高度,一般為字體尺寸的一半。
%:是以當(dāng)前文本的百分比定義尺寸。例如:{ font-size:300%}是指文字大小為原來(lái)的3倍。
small、large:表示比當(dāng)前小一個(gè)級(jí)別或大一個(gè)級(jí)別的尺寸。 Style:定義字體樣式為Normal、Italic、或者Oblique。Italic和Oblique是斜體字體。默認(rèn)設(shè)置為 Normal。相對(duì)應(yīng)的CSS屬性是”font-style”。
注意:Italic和Oblique都是斜體字體。而它們不同的是,Italic是斜體字,而Oblique是傾斜的文字,對(duì)于沒(méi)有斜體的字體應(yīng)該用Oblique。
Line Height:設(shè)置文本所在行的行高。默認(rèn)為Normal,你也可以自己鍵入一個(gè)精確的數(shù)值并選取一個(gè)計(jì)量單位。比較直觀的寫(xiě)法用百分比,例如140%是指行高等于文字大小的1.4倍。相對(duì)應(yīng)的CSS屬性是”line-height”。
Decoration:在文本中添加underline(下劃線)、overline(上劃線)、line-through(中劃線)、blink(閃爍效果)。這些效果可以同時(shí)存在,將效果前的復(fù)選框選定即可。相對(duì)應(yīng)的CSS屬性是”text-decoration”。
注意:鏈接的默認(rèn)設(shè)置是Underline,我們可以通過(guò)選none去除下劃線。Blink(閃爍效果)只在NC瀏覽器里可以看到。
Weight:給字體指定粗體字的磅值。Normal等同于400;Bold等同于700。設(shè)粗體字一般用bold。相對(duì)應(yīng)的CSS屬性是”font-weight”。
Variant:允許你選取字體的變種,選small-caps(小型大寫(xiě)字母)時(shí),此樣式區(qū)域內(nèi)所有字母大寫(xiě)。相對(duì)應(yīng)的CSS屬性是”font-variant”。
Case:將選區(qū)中每個(gè)單詞的第一個(gè)字母轉(zhuǎn)為大寫(xiě),或者令單詞全部大寫(xiě)或全部小寫(xiě)。參數(shù):capitalize(單詞首字母大寫(xiě))、uppercase(轉(zhuǎn)換成大寫(xiě))、lowercase(轉(zhuǎn)換成小寫(xiě))、none(不轉(zhuǎn)換)。相對(duì)應(yīng)的CSS屬性是” text-transf

下一頁(yè)
返回列表
返回首頁(yè) 主站蜘蛛池模板: 老司机美女一级毛片| Av鲁丝一区鲁丝二区鲁丝三区| 欧美一区二区三区久久综| 俄罗斯激情女同互慰在线| 中文japanese在线播放| 最新欧美精品一区二区三区| 亚洲爱情岛论坛| 男的把j放进女人下面视频免费| 国产一级做a爱免费视频| 国产精品亚洲w码日韩中文| 国产精品正在播放| 久久99精品久久久久久国产| 欧美a级毛欧美1级a大片| 亚洲精品国产免费| 竹菊影视欧美日韩一区二区三区四区五区| 国产中文字幕在线| 黄页网站在线视频免费| 国产精品手机在线| 97在线观看中心| 女同学下面粉粉嫩嫩的p| 亚洲AV永久精品爱情岛论坛| 欧美黑人又粗又大久久久| 免费人成在线观看网站品爱网| 美国艳星janacova| 国产不卡免费视频| 韩国久播影院理论片不卡影院| 国产精品va无码二区| 14小箩洗澡裸体高清视频| 国产超碰人人模人人爽人人喊| 9lporm自拍视频在线| 女人扒下裤让男人桶到爽| 一级毛片免费全部播放| 最近中文字幕mv2018免费看| 亚洲成a人片在线观看久| 精品欧洲AV无码一区二区男男| 国产一在线精品一区在线观看| 韩国三级hd中文字幕好大| 国产成人免费ā片在线观看老同学 | a在线观看免费| 妖精的尾巴ova| 一本大道无码人妻精品专区 |