css樣式表詳解ppt課件(編輯修改稿)
2025-06-01 12:06 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 性是 backgroundcolor?？梢詥螕簟邦伾卑粹o打開調(diào)色板，然后在其中選擇需要的顏色。或者直接在文本框中輸入顏色代碼。 2．背景圖像 設(shè)置元素的背景圖像。相對(duì)應(yīng)的CSS屬性是 backgroundimage。可以單擊“瀏覽”按鈕打開“選擇圖像源文件”對(duì)話框，在其中選擇需要的圖像文件?；蛘咧苯釉谖谋究蛑休斎雸D像文件的完整路徑。 背景 返回本節(jié) 3．重復(fù) 確定背景圖像是否以及如何重復(fù)。相對(duì)應(yīng)的 CSS屬性是 backgroundrepeat。在下拉列表中包括 4個(gè)選項(xiàng)。 不重復(fù)：在元素的開頭顯示一遍圖像。 重復(fù)：在元素的背景部分水平和垂直方向平鋪圖像。 橫向重復(fù)：在水平和垂直方向重復(fù)顯示。 縱向重復(fù)：在垂直方向重復(fù)顯示。 4．附件 確定背景圖像是固定在其原始位置還是隨內(nèi)容一起滾動(dòng)。注意，某些瀏覽器可能將“固定”選項(xiàng)視為“滾動(dòng)”。 Inter Explorer支持該選項(xiàng)，但 Netscape Navigator不支持。相對(duì)應(yīng)的 CSS屬性是 backgroundattachment。 5．水平位置 指定背景圖像相對(duì)于元素的水平位置。相對(duì)應(yīng)的 CSS屬性是 backgroundposition。在下拉列表中可以指定為 left（左邊）， center（居中）， right（右邊）；也可以在文本框中直接輸入數(shù)值，如 20px是指背景距離左邊 20象素。 6．垂直位置 指定背景圖像相對(duì)于元素的垂直位置。相對(duì)應(yīng)的 CSS屬性是 backgroundposition。在下拉列表中可以指定為 top（頂部）， center（居中）， bottom（底部）；也可以在文本框中直接輸入數(shù)值。 區(qū)塊 返回本節(jié) 區(qū)塊選項(xiàng)主要是設(shè)置對(duì)象文本文字間距 、 對(duì)齊方式 、 上標(biāo) 、 下標(biāo) 、 排列方式 、 首行縮進(jìn)等 。 如圖 613所示 。 圖 613 區(qū)塊選項(xiàng) 區(qū)塊 返回本節(jié) 區(qū)塊選項(xiàng)主要是設(shè)置對(duì)象文本文字間距、對(duì)齊方式、上標(biāo)、下標(biāo)、排列方式、首行縮進(jìn)等。如圖 413所示。 1．單詞間距 設(shè)置單詞之間的間距。若要設(shè)置特定的值，請(qǐng)?jiān)谙吕斜碇羞x擇“值”，然后輸入一個(gè)數(shù)值。在第二個(gè)下拉列表中選擇度量單位（例如像素、點(diǎn)等）。相對(duì)應(yīng)的 CSS屬性是 wordspacing?？梢灾付ㄘ?fù)值，但顯示方式取決于瀏覽器。 Dreamweaver不在“文檔”窗口中顯示此屬性。 2．字母間距 設(shè)置字符之間的間距。可以指定負(fù)值。因?yàn)橹形囊彩亲址?，這個(gè)參數(shù)可以設(shè)置文字間的間距。相對(duì)應(yīng)的 CSS屬性是 letterspacing。 3．垂直對(duì)齊 指定元素的垂直對(duì)齊方式?？梢灾付?sub（下標(biāo)）、 super上標(biāo)）、 top（與頂端對(duì)齊）、 middle（居中）、 bottom（與底端對(duì)齊）等。相對(duì)應(yīng)的CSS屬性是 verticalalign。 區(qū)塊 返回本節(jié) 4．文本對(duì)齊 設(shè)置文本的排列方式。下拉列表中包括 Left（左對(duì)齊）、 right（右對(duì)齊）、 center（居中）、 justify（兩端對(duì)齊）。相對(duì)應(yīng)的 CSS屬性是 textalign。 5．文本縮進(jìn) 設(shè)置文本第一行的縮進(jìn)值。負(fù)值用于將文本第一行向外拉。要在每段前空兩格，可設(shè)置為 2em，因?yàn)?em是當(dāng)前字體尺寸， 2em就是兩個(gè)字的大小。相對(duì)應(yīng)的 CSS屬性是 textindent。 6．空格 設(shè)置如何處理元素內(nèi)的空白符。相對(duì)應(yīng)的 CSS屬性是 whitespace。下拉列表中包括“正?！?、“保留”和“不換行” 3個(gè)選項(xiàng)。 “正?！保簳?huì)將空白符全部壓縮； “保留”：如同處理 pre標(biāo)簽內(nèi)的文本一樣處理這些空白符（也就是說，所有的空白符，包括空格，標(biāo)簽，回車，等都會(huì)得以保留）； “不換行”：指定文本只有遇到 br標(biāo)簽時(shí)才換行。 7．顯示 指定是否以及如何顯示元素?！盁o”指定到某個(gè)元素時(shí)，它將禁用該元素的顯示。 方框 返回本節(jié) 方框選項(xiàng)主要設(shè)置對(duì)象的邊界、間距、高度、寬度、和漂浮方式等。如圖 614所示。 圖 614 方框選項(xiàng) 方框 返回本節(jié) 1．寬 定義元素的寬。相對(duì)應(yīng)的 CSS屬性是 width。在下拉列表中包括自動(dòng)和值兩個(gè)選項(xiàng)。 選擇“值”這個(gè)選項(xiàng)后，可以在文本框中輸入具體的數(shù)值，并且再后面的下拉列表中選擇一個(gè)單位。 2．高 定義元素的高。相對(duì)應(yīng)的 CSS屬性是 height。在下拉列表中包括自動(dòng)和值兩個(gè)選項(xiàng)。 選擇“值”這個(gè)選項(xiàng)后，可以在文本框中輸入具體的數(shù)值，并且再后面的下拉列表中選擇一個(gè)單位。 3．浮動(dòng) 定義元素的漂浮方式。下拉
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1