css樣式表詳解ppt課件-在線瀏覽
2025-06-22 12:06本頁(yè)面
【正文】 定樣式 4．清除樣式 如果想清除應(yīng)用的樣式，首先選中對(duì)象，然后從右鍵快捷菜單中選擇“無(wú)”，即可清除原有的樣式。 返回本章首頁(yè) CSS樣式詳解 在 Dreamweaver的 CSS樣式里包含了 W3C規(guī)范定義的所有 CSS1的屬性，Dreamweaver把這些屬性分為 Type（類(lèi)型）、 Background（背景）、 Block（塊）、 Box（盒子）、 Border（邊框）、 List（列表）、 Positioning（定位）、 Extensions（擴(kuò)展） 8個(gè)部分，如圖 611所示。只對(duì)要改變的屬性進(jìn)行設(shè)置，沒(méi)有必要改變的屬性就使之為空。相對(duì)應(yīng)的 CSS屬性是 fontfamily。最好使用像素作為單位，這樣不會(huì)在瀏覽器中文本變形。相對(duì)應(yīng)的 CSS屬性是 fontsize。默認(rèn)設(shè)置為正常。“斜體”和“偏斜體”都是斜體字體。 4．行高 設(shè)置文本所在行的行高。比較直觀的寫(xiě)法用百分比，例如 140%是指行高等于文字大小的 。 5．修飾 向文本中添加下劃線、上劃線或刪除線，或使文本閃爍。鏈接的默認(rèn)設(shè)置是“下劃線”。這些效果可以同時(shí)存在，將效果前的復(fù)選框選定即可。 類(lèi)型 返回本節(jié) 6．粗細(xì) 對(duì)字體應(yīng)用特定或相對(duì)的粗體量。相對(duì)應(yīng)的CSS屬性是 fontweight。 Dreamweaver不在“文檔編輯區(qū)”中顯示此屬性。相對(duì)應(yīng)的 CSS屬性是 fontvariant。相對(duì)應(yīng)的 CSS屬性是 texttransform。相對(duì)應(yīng)的 CSS屬性是 color。 RRGGBB格式，是由紅綠藍(lán)三種顏色的值組合，每種顏色的值為“ 00～ FF”的兩位十六進(jìn)制正整數(shù)。 RGB格式， RGB為三色的值，取 0~255，例如， RGB（ 255,0,0）表示紅色， RGB（ 255,255,0）表示黃色。 CSS可以使用已經(jīng)定義好的顏色名稱(chēng)。 背景 返回本節(jié) 背景選項(xiàng)主要是對(duì)元素的背景進(jìn)行設(shè)置，包括背景顏色、背景圖像、背景圖像的控制。一般是對(duì) BODY（頁(yè)面）、 TABLE（表格）、 DIV（區(qū)域）的設(shè)置。相對(duì)應(yīng)的 CSS屬性是 backgroundcolor。或者直接在文本框中輸入顏色代碼。相對(duì)應(yīng)的CSS屬性是 backgroundimage?；蛘咧苯釉谖谋究蛑休斎雸D像文件的完整路徑。相對(duì)應(yīng)的 CSS屬性是 backgroundrepeat。 不重復(fù)：在元素的開(kāi)頭顯示一遍圖像。 橫向重復(fù)：在水平和垂直方向重復(fù)顯示。 4．附件 確定背景圖像是固定在其原始位置還是隨內(nèi)容一起滾動(dòng)。 Inter Explorer支持該選項(xiàng)，但 Netscape Navigator不支持。 5．水平位置 指定背景圖像相對(duì)于元素的水平位置。在下拉列表中可以指定為 left（左邊）， center（居中）， right（右邊）；也可以在文本框中直接輸入數(shù)值，如 20px是指背景距離左邊 20象素。相對(duì)應(yīng)的 CSS屬性是 backgroundposition。 區(qū)塊 返回本節(jié) 區(qū)塊選項(xiàng)主要是設(shè)置對(duì)象文本文字間距 、 對(duì)齊方式 、 上標(biāo) 、 下標(biāo) 、 排列方式 、 首行縮進(jìn)等 。 圖 613 區(qū)塊選項(xiàng) 區(qū)塊 返回本節(jié) 區(qū)塊選項(xiàng)主要是設(shè)置對(duì)象文本文字間距、對(duì)齊方式、上標(biāo)、下標(biāo)、排列方式、首行縮進(jìn)等。 1．單詞間距 設(shè)置單詞之間的間距。在第二個(gè)下拉列表中選擇度量單位（例如像素、點(diǎn)等）。可以指定負(fù)值，但顯示方式取決于瀏覽器。 2．字母間距 設(shè)置字符之間的間距。因?yàn)橹形囊彩亲址?，這個(gè)參數(shù)可以設(shè)置文字間的間距。 3．垂直對(duì)齊 指定元素的垂直對(duì)齊方式。相對(duì)應(yīng)的CSS屬性是 verticalalign。下拉列表中包括 Left（左對(duì)齊）、 right（右對(duì)齊）、 center（居中）、 justify（兩端對(duì)齊）。 5．文本縮進(jìn) 設(shè)置文本第一行的縮進(jìn)值。要在每段前空兩格，可設(shè)置為 2em，因?yàn)?em是當(dāng)前字體尺寸， 2em就是兩個(gè)字的大小。 6．空格 設(shè)置如何處理元素內(nèi)的空白符。下拉列表中包括“正?！?、“保留”和“不換行” 3個(gè)選項(xiàng)。 7．顯示 指定是否以及如何顯示元素。 方框 返回本節(jié) 方框選項(xiàng)主要設(shè)置對(duì)象的邊界、間距、高度、寬度、和漂浮方式等。 圖 614 方框選項(xiàng) 方框 返回本節(jié) 1．寬 定義元素的寬。在下拉列表中包括自動(dòng)和值兩個(gè)選項(xiàng)。 2．高 定義元素的高。在下拉列表中包括自動(dòng)和值兩個(gè)選項(xiàng)。 3．浮動(dòng) 定義元素的漂浮方式。相對(duì)應(yīng)的 CSS屬性是 float。如果清除邊上出現(xiàn) AP元素，則帶清除設(shè)
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1