在網(wǎng)頁中使用css樣式-在線瀏覽
2024-10-02 16:26本頁面
【正文】 estStyle”的標(biāo)記中。(1)局部套用：使用CSS語法定義HTML標(biāo)簽，這種方式應(yīng)用的CSS樣式只能影響該HTML標(biāo)簽。(3)外聯(lián)式：，而在文檔中不會(huì)出現(xiàn)CSS語法。瀏覽器根據(jù)以下規(guī)則顯示樣式屬性。(2)如果在同一個(gè)文本中應(yīng)用兩種CSS樣式相互沖突，瀏覽器顯示出最里面的樣式屬性。 使用CSS樣式表面板使用CSS樣式設(shè)置面板可以創(chuàng)建和管理CSS樣式。以上3種方法之一都可以打開CSS樣式表面板，默認(rèn)為“應(yīng)用樣式”視圖，還可以切換到“編輯樣式”視圖，如圖101所示。(1)在列表中顯示當(dāng)前網(wǎng)頁文檔中的CSS樣式。(3)單擊該面板底部工具欄上的“新建CSS樣式”按鈕，將打開“新建CSS樣式”對(duì)話框，設(shè)置新建CSS樣式表的類型。(5)單擊該面板底部工具欄上的“刪除CSS樣式”按鈕，將刪除選定的CSS樣式表，并刪除應(yīng)用該CSS樣式表的格式。 新建CSS樣式上面介紹了CSS樣式的類型、使用方式，以及操作CSS樣式面板的基本方法。具體操作步驟如下。(2)打開“CSS樣式表”設(shè)置面板，單擊“新建CSS樣式”按鈕，打開“新建CSS樣式”對(duì)話框，如圖103所示。①在“類型”區(qū)域中選擇“創(chuàng)建自定義樣式”選項(xiàng)，然后在“名稱”下拉列表框中輸入新建CSS樣式的名稱。圖104 “重定義HTML標(biāo)簽”選項(xiàng)對(duì)話框③在“類型”區(qū)域中選擇“使用CSS選擇器”選項(xiàng)，然后在“選擇器”下拉列表框中輸入一個(gè)或多個(gè)HTML標(biāo)簽，也可以從下拉列表框中選擇一種狀態(tài)。圖105 “使用CSS選擇器”選項(xiàng)對(duì)話框④在“定義在”區(qū)域中選擇新建CSS樣式的位置。僅對(duì)該文檔：將新建的CSS樣式嵌入到當(dāng)前網(wǎng)頁文檔中。選擇要保存的位置，指定文件名()，然后單擊“保存”按鈕。圖107 “CSS樣式定義”對(duì)話框(5)在“CSS樣式定義”對(duì)話框中設(shè)置完成后，單擊“確定”按鈕，生成CSS樣式，并在CSS樣式面板中顯示剛剛創(chuàng)建的CSS樣式。在該對(duì)話框左側(cè)的“分類”列表框中選擇不同的屬性進(jìn)行設(shè)置。圖108 定義CSS樣式的“類型”屬性在該對(duì)話框中可以對(duì)“類型”屬性進(jìn)行如下設(shè)置。(2)在“大小”下拉列表框中設(shè)置字體的大小。(3)在“樣式”下拉列表框中設(shè)置字體的風(fēng)格。正常：設(shè)置文本為正常字體。斜體：設(shè)置文本為斜體字體。偏斜體：設(shè)置文本為傾斜字體。正常：自動(dòng)指定文本行的高度。(5)在“粗細(xì)”下拉列表框中設(shè)置字體的粗細(xì)。(6)在“變量”下拉列表框中設(shè)置文本的變形格式。(7)在“大小寫”下拉列表框中設(shè)置文本中字母的格式。首字母大寫：每個(gè)單詞的第一個(gè)字母都要大寫。大寫：所有字母都為大寫。小寫：所有字母都為小寫。無：字母保持原有的格式。(9)在“顏色”調(diào)色板中可以為文本選擇一種顏色。圖109 定義CSS樣式的“背景”屬性在該對(duì)話框中可以對(duì)“背景”屬性進(jìn)行如下設(shè)置。(2)在“背景圖像”下拉列表框中選擇或搜索所需的背景圖像。(4)在“附件”下拉列表框中選擇背景圖像的顯示形式。固定：背景圖像固定在原始位置。滾動(dòng)：背景圖像以滾動(dòng)的形式顯示。(6)在“垂直位置”下拉列表框中選擇背景圖像相對(duì)于元素的垂直位置。頂端：背景圖像與元素的頂部對(duì)齊。居中：背景圖像相對(duì)于元素為居中對(duì)齊。底部：背景圖像與元素的底部對(duì)齊。值：輸入?yún)?shù)值用于確定背景圖像在垂直方向上相對(duì)于元素的位置。圖1010 定義CSS樣式的“區(qū)塊”屬性在該對(duì)話框中可以對(duì)“區(qū)塊”屬性進(jìn)行如下設(shè)置。有“正?！焙汀爸怠眱煞N選項(xiàng)，若選擇了“值”項(xiàng)，則可以在其右側(cè)的下拉列表框中選擇一個(gè)合適的單位。有“正?！焙汀爸怠眱煞N選項(xiàng)，若選擇了“值”項(xiàng)，則可以在其右側(cè)的下拉列表框中選擇一個(gè)適合的單位。(3)在“垂直對(duì)齊”下拉列表框中設(shè)置元素相對(duì)于其父級(jí)元素在垂直方向上的對(duì)齊方式。(5)在“文字縮進(jìn)”文本框中輸入?yún)?shù)值及指定右側(cè)的單位，可以設(shè)置文本的首行縮進(jìn)量。(7)在“顯示”下拉列表框中指定要顯示的元素。圖1011 定義CSS樣式的“盒子”屬性在該對(duì)話框中可以對(duì)“盒子”屬性進(jìn)行如下設(shè)置。(2)在“浮動(dòng)”下拉列表框中選擇元素的浮動(dòng)位置。(3)在“清除”下拉列表框中選擇不允許層應(yīng)用該CSS樣式的元素邊界。(5)在“邊界”選擇區(qū)域中設(shè)置元素和其他元素之間空白的大小，用以確定元素之間的距離。 定義CSS樣式的“邊框”(Border)屬性選擇“CSS樣式定義”對(duì)話框中“分類”列表中的“邊框”選項(xiàng)，可以對(duì)CSS樣式的“邊框”屬性進(jìn)行設(shè)置，如圖1012所示。(1)在“樣式”選擇區(qū)域中設(shè)置邊框的風(fēng)格，如果選擇“全部相同”復(fù)選框，將設(shè)置元素頂部、底部、左邊
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1