css技術概述webppt課件-展示頁
2025-01-28 19:17本頁面
【正文】 不能這樣寫 否則結果如下 abc{} ID選擇符與類選擇符的差別： 類選擇符可以重復使用， 而且可以在任意元素上使用，使用任意次； HTML內(nèi) id屬性是唯一的， 只有擁有該 id的元素才會應用該樣式； ID選擇符的優(yōu)先權高于類選擇符。 } p id=“title01”段落的標題 p { fontfamily:”宋體”； fontsize:12px。 } div class=Div2/div 類選擇符 Ptitle01 { fontfamily:”宋體”； fontsize:12px。 marginleft: 50px。 marginright: 50px。 width: 250px。 } div id=Div2/div .Div2 { padding: 20px。 marginleft: 50px。 marginright: 50px。 width: 250px。} 在頁面中，用 class=“類別名”的方法調(diào)用： span class=14px14px大小的字體 /span { textalign:right} {textalign:center} p class=rightdddddd/p p class=centerdddddd/p .abc{ } ID選擇符 在 CSS里用“ ”開頭表示 ID選擇符的定義 Div2 { padding: 20px。 } div id=Div2/div 填充 上邊距 二、 CSS的選擇符分類 DreamWeare 新建 CSS樣式的對話框 類選擇符 標簽選擇符 ID選擇符 偽類選擇符 類選擇符 在 CSS里用一個點開頭表示類別選擇符定義， 例如： .14px {color : f60 。 marginleft: 50px。 marginright: 50px。 width: 250px。 CSS的定義的組成 一般來說，每個 CSS樣式由一系列規(guī)則組成， 每條規(guī)則由兩部分作成： 選擇符 和 聲明 （ Declaration），每條聲明由： 屬性名 和 屬性值 組成； P { : } color red 選擇符 屬性名 聲明 （ Declaration） 屬性值 CSS的定義樣例 Div2 { padding: 20px。 margin: 0 0 0 0。 4）、行為 (Behavior) 行為是對內(nèi)容的交互和操作效果； 表現(xiàn)行為有以下 2類： （ 1）、 DOM。 例如： 定義標題 定義段落 定義列表 等等 3）、表現(xiàn)（ Presentation) 表現(xiàn)是對結構化的信息進行樣式上的控制， 例如對顏色、大小、背景等外觀進行控制。 CSS技術概述 網(wǎng)頁的表現(xiàn)和內(nèi)容分離的實現(xiàn) 1）、內(nèi)容 (Content) 內(nèi)容是頁面實際要傳達的真正信息，包括數(shù)據(jù)、 文擋或者圖片等； 2）、結構（ Structure） 結構就是對網(wǎng)頁內(nèi)容進行整理和分類。利用結構 化標準語言使網(wǎng)頁內(nèi)容更加具有邏輯性和易用性； （ 1）、 HTML （ 2）、 XML,(Extensible Markup Language(可擴 展標記語言 ))， XML最初設計的目的是彌補 HTML的 不足，后來逐漸用于網(wǎng)絡數(shù)據(jù)的轉(zhuǎn)換和描述； 推薦使用 W3C于 2022年發(fā)布的 （ 3）、 XHTML (可擴展超文本標記語言 ) 推薦使用 W3C于 2022年發(fā)布的 結構層主要用于對內(nèi)容進行格式化處理。 表現(xiàn)層標準語言 CSS 推薦使用 w3c于 1998年發(fā)布的 W3C創(chuàng)建 CSS標準目的是以 CSS取代 HTML的表格式布局。 DOM是 Document Object Model (文檔對象模型 ) （ 2）、 Script（腳本語言： JavaScript、 VBScript） 網(wǎng)頁分層樣例 （ 1）、網(wǎng)頁的內(nèi)容 （ 2）、網(wǎng)頁的 內(nèi)容 + 結構 （ 3）、網(wǎng)頁的 內(nèi)容 + 結構 + 表現(xiàn) 例子： body { backgroundimage: url(images/)。 } CSS 來 定義表格的一些屬性 一、 CSS的定義 CSS主要是將定義好的規(guī)則應用到文檔中的元素， 這樣可以將網(wǎng)頁的內(nèi)容與網(wǎng)頁的表現(xiàn)形式進行分 開定義； 這樣做的好處： 提高設計的標準化程度； 減少網(wǎng)頁設計的工作量； 提高網(wǎng)站的可維護性。 height: 250px。 margintop: 30px。 marginbottom: 30px。 border: 3px solid FF3300。fontsize:14px 。 height: 250px。 margintop: 30px。 marginbottom: 30px。 border: 3px solid FF3300。 height: 250px。 margintop: 30px。 marginbottom: 30px。 border: 3px solid FF3300。 color:FF0000。 color:FF0000。 ID選擇器 類選擇器 標簽選擇符 標簽選擇符也稱類型選擇符，
教學課件相關推薦
鄂ICP備17016276號-1