dw里css的詳細介紹

dw里css的詳細介紹

ID:8798425

大?。?15.50 KB

頁數(shù):33頁

時間:2018-04-08

dw里css的詳細介紹_第1頁
dw里css的詳細介紹_第2頁
dw里css的詳細介紹_第3頁
dw里css的詳細介紹_第4頁
dw里css的詳細介紹_第5頁
資源描述:

《dw里css的詳細介紹》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在應用文檔-天天文庫。

1、DW里CSS的詳細介紹創(chuàng)建CSS樣式表的過程,就是對各種CSS屬性的配置過程,所以了解和掌控屬性配置很重要。在DWMX2004的CSS樣式里包含了W3C規(guī)范定義的任何CSS1的屬性,把這些屬性分為:類型、背景、區(qū)塊、方框、邊框、列表、定位、擴展等八個部分,如下圖:DWMX2004實現(xiàn)CSS屬性配置功能是完全可視化的,無需編寫代碼。下面我們分別周詳講解。為了便于理解,從開始創(chuàng)建新的CSS樣式表說起:注:您需對DWMX2004程式初步了解,并打開他對照本教程進行學習。假如您對DWMX2004尚不熟悉,請瀏覽【DWMX2004簡體中文版入門教程】。???【創(chuàng)建

2、新的CSS樣式】???將插入點放在文檔中,然后執(zhí)行以下操作之一打開“新建CSS樣式”對話框:·在“CSS樣式”面板(“窗口”>“CSS樣式”)中,單擊面板右下角區(qū)域中的“新建CSS樣式”按鈕,如下圖:·在文本屬性檢查器中,從“樣式”彈出式菜單中選擇“管理樣式”,然后在出現(xiàn)的對話框中單擊“新建”?!ぴ凇跋嚓PCSS”選項卡(選擇“窗口”>“標簽檢查器”,然后單擊“相關CSS”選項卡)中右鍵單擊,然后從上下文菜單中選擇“新建規(guī)則”。???·選擇“文本”菜單>“CSS樣式”>“新建(N)…”。??“新建CSS樣式”對話框隨即出現(xiàn),如下圖:定義您要創(chuàng)建的CSS樣式

3、的類型:???若要創(chuàng)建可作為class屬性應用于文本范圍或文本塊的自定義樣式,請選擇“創(chuàng)建自定義樣式(Class)”,然后在“名稱”文本框中輸入樣式名稱。???注意:類名稱必須以句點開頭,并且能夠包含任何字母和數(shù)字組合(例如,.mycss)。假如您沒有輸入開頭的句點,DWMX2004將自動為您輸入。·若要重定義特定HTML標簽的默認格式,請選擇“重定義標簽”,然后在“標簽”字段中輸入一個HTML標簽,或從彈出式菜單中選擇一個標簽?!と粢獮榫唧w某個標簽組合或任何包含特定Id屬性的標簽定義格式,請選擇“使用CSS選擇器”,然后在“選擇器”文本框中輸入一個或多

4、個HTML標簽,或從彈出式菜單中選擇一個標簽。彈出式菜單中提供的選擇器(稱作偽類選擇器)包括a:active、a:hover、a:link和a:visited。???選擇定義樣式的位置:·若要創(chuàng)建外部樣式表,請選擇“新建樣式表文檔”。???·若要在當前文檔中嵌入樣式,請選擇“僅對該文檔”。???·單擊“確定”。類型屬性·【定義CSS類型屬性】使用“CSS樣式定義”對話框中的“類型”類別能夠定義CSS樣式的基本字體和類型配置?!ざxCSS樣式的類型配置:???在“CSS樣式定義”對話框中,選擇“類型”(如下圖),然后配置所需的樣式屬性。··???請注意:下

5、列任意屬性假如您認為不重要能夠保留為空。·字體:為樣式配置字體。DWMX2004內(nèi)置6個系列的英文字體(如下圖)。·一般英文字體常常用“Arial,Helvetica,sans-serif”這個系列比較美觀,假如不用這些字體系列,您您能夠通過下拉列表最下面的“編輯字體列表”來創(chuàng)建新的字體系列。中文網(wǎng)頁默認字體是宋體,一般留空即可。瀏覽器最好選擇用戶系統(tǒng)第一種字體顯示文本。兩種瀏覽器都支持字體屬性。???大小:定義文本大小。能夠通過選擇數(shù)字和度量單位選擇特定的大小,也能夠選擇相對大小。以像素為單位能夠有效地防止瀏覽器變形文本?!ぬ崾荆篊SS中長度的單位分絕

6、對長度單位和相對長度單位:絕對長度px:(象素)根據(jù)顯示器的分辨率來確定長度。pt:(字號)根據(jù)windows系統(tǒng)定義的字號大小來確定長度。in、cn、mm:(英寸、厘米、毫米)根據(jù)顯示的實際尺寸來確定長度。此類單位不隨顯示器的分辨率改變而改變。相對長度em:當前文本的尺寸。例如:{font-size:2em}是指文字大小為原來的2倍。ex:當前字母“x”的高度,一般為字體尺寸的一半。%:是以當前文本的百分比定義尺寸。例如:{font-size:300%}是指文字大小為原來的3倍?!煞N瀏覽器都支持大小屬性。o樣式:將“正?!?、“斜體”或“偏斜體”指定為

7、字體樣式。默認配置是“正?!?。兩種瀏覽器都支持樣式屬性。o行高:配置文本所在行的高度。選擇“正?!弊詣佑嬎阕煮w大小的行高,或輸入一個確切的值并選擇一種度量單位。比較直觀的寫法用百分比,例如180%是指行高等于文字大小的1.8倍。相對應的CSS屬性是”line-height”。兩種瀏覽器都支持行高屬性。o修飾:向文本中添加下劃線、上劃線或刪除線,或使文本閃爍。正常文本的默認配置是“無”。鏈接的默認配置是“下劃線”。將鏈接配置設為無時,能夠通過定義一個特別的類刪除鏈接中的下劃線。這些效果能夠同時存在,將效果前的復選框選定即可。相對應的CSS屬性是”text-

8、decoration”。兩種瀏覽器都支持修飾屬性。o粗細:對字體應用特定或相對的

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。