資源描述：
《dw4css屬性詳解》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、DW4中CSS屬性詳解在Dreamweaver4的CSS樣式里包含了W3C規(guī)范定義的所有CSS1的屬性，Dreamweaver4把這些屬性分為Type（類型）、Background（背景）、Block（塊）、Box（盒子）、Border（邊框）、List（列表）、Positioning（定位）、Extensions（擴(kuò)展）八個(gè)部分，如下圖，下面我們分別詳細(xì)講解。?1. Type（類型）?Type面板主要是對(duì)文字的字體，大小，顏色，效果等基本樣式進(jìn)行設(shè)置。設(shè)置時(shí)，我們只對(duì)要改變的屬性進(jìn)行設(shè)置，沒
2、有必要改變的屬性就空著。?注意：屬性名帶*號(hào)的是指樣式效果不能在編輯文檔時(shí)顯示，要用瀏覽器打開才能看到效果。?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è)系列比較好看。如果不用這些字體系列，你就需要
3、自己編輯字體系列，你可以通過下拉框最下面的“EditFontList”來創(chuàng)建新的字體系列，也可以直接手動(dòng)在下拉框里寫字體名，字體之間用逗號(hào)隔開。中文網(wǎng)頁(yè)默認(rèn)字體是宋體，一般就空著不要選取任何字體。?Size：定義文字的大小。你可以通過選取數(shù)字和度量單位來選擇具體的字體大小，或者你也可以選擇一個(gè)相對(duì)的字體大小。最好使用Pixels作為單位，這樣不會(huì)在瀏覽器中文本變形。一般小字體用比較標(biāo)準(zhǔn)的12px。相對(duì)應(yīng)的CSS屬性是”font-size”。?注意：CSS中長(zhǎng)度的單位分絕對(duì)長(zhǎng)度單位和相對(duì)長(zhǎng)度單位，一般
4、我們常用的絕對(duì)長(zhǎng)度單位有：?px：（象素）根據(jù)顯示器的分辨率來確定長(zhǎng)度。?pt：（字號(hào)）根據(jù)windows系統(tǒng)定義的字號(hào)大小來確定長(zhǎng)度。?mm、cn、in：（毫米、厘米、英寸）根據(jù)顯示的實(shí)際尺寸來確定長(zhǎng)度。此類單位不隨顯示器的分辨率改變而改變。?相對(duì)長(zhǎng)度單位有：?em：當(dāng)前文本的尺寸。例如：{font-size:2em}是指文字大小為原來的2倍。?ex：當(dāng)前字母“x”的高度，一般為字體尺寸的一半。?%：是以當(dāng)前文本的百分比定義尺寸。例如：{font-size:300%}是指文字大小為原來的3倍。?s
5、mall、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ì)于沒有斜體的字體應(yīng)該用Oblique。?LineHeight：設(shè)置文本所在行的行高。默認(rèn)為Normal，你也可以自己鍵入一個(gè)精確的數(shù)值并
6、選取一個(gè)計(jì)量單位。比較直觀的寫法用百分比，例如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，我們可以通過選none去除下劃線。Blink（閃爍效果）只在NC瀏覽
7、器里可以看到。?Weight：給字體指定粗體字的磅值。Normal等同于400；Bold等同于700。設(shè)粗體字一般用bold。相對(duì)應(yīng)的CSS屬性是”font-weight”。?Variant：允許你選取字體的變種，選small-caps（小型大寫字母）時(shí)，此樣式區(qū)域內(nèi)所有字母大寫。相對(duì)應(yīng)的CSS屬性是”font-variant”。?Case：將選區(qū)中每個(gè)單詞的第一個(gè)字母轉(zhuǎn)為大寫，或者令單詞全部大寫或全部小寫。參數(shù)：capitalize（單詞首字母大寫）、uppercase（轉(zhuǎn)換成大寫）、lowerc
8、ase（轉(zhuǎn)換成小寫）、none（不轉(zhuǎn)換）。相對(duì)應(yīng)的CSS屬性是”text-transform”。?Color：定義文字顏色。相對(duì)應(yīng)的CSS屬性是”color”。?注意：CSS中顏色的值有三種表示方法：?l #RRGGBB格式，是由紅綠藍(lán)三種顏色的值組合，每種顏色的值為“00–FF”的兩位十六進(jìn)制正整數(shù)。例如：#FF0000表示紅色，#FFFF00表示黃色。?l rgb(R,G,B)格式，RGB為三色的值，取0~255，例如：rgb(255,0,0)表示紅色
