css模板和庫項目課程(編輯修改稿)
2025-03-25 13:12 本頁面
【文章內容簡介】 網(wǎng)頁格式。 什么是 CSS樣式 CSS樣式存于樣式表文件中，然后在多個網(wǎng)頁中同時應用該樣式表中的樣式 ，就能確保多個網(wǎng)頁具有一致的格式，并且能夠隨時更新（只要更改樣式表文件就可以使所有網(wǎng)頁自動更新），從而大大降低了網(wǎng)站的開發(fā)和維護工作量。 認識 CSS面板 顯示所有樣式 顯示當前樣式 內部樣式表 樣式名稱 樣式及屬性值 CSS的分類 ? 外部鏈接樣式表 (External linking css):實際上是一個僅包含樣式規(guī)則的外部文本文件，其后綴名為“ CSS” ，當編輯此文件時，所有與此樣式表鏈接的文檔將全被更新。 ? 內嵌式樣式表 (Embedded CSS)：嵌在 HTML代碼的style標記之間。 ? 內聯(lián)式樣式表 (Inlink CSS):直接在某一 HTML標記后添加樣式代碼。 ? 優(yōu)先程度：內聯(lián)式 內嵌式 外部鏈接 （ 1） 顯示 “ CSS 樣式 ” 面板的方式： 打開 “ 窗口 ” 菜單 ——“CSS”樣式 （ 2） 樣式視圖 CSS樣式面板 CSS樣式在網(wǎng)頁中的三種存在方式 ? 外部文件方式： CSS以文件的形式存在，在 HTML文檔頭通過文件引用進行控制。 CSS文件的引用是在 head/head標簽之間寫下列語句 : link rel=“stylesheet” href=“ 文件名 .CSS” type=“text/css” 不以文件的形式存在 ,僅作用于本文檔 ,直接定義在 head/head 之間 . Style type=“text/css” !— P{fontfamily:“ 宋體” fontsize:9pt。color:blue} H2{fontfamily: “ 宋體” 。fontsize:13pt。color:red} /style 內嵌樣式 直接插入式 ? 只需要在每個 HTML標簽后書寫 CSS屬性。作用范圍只限于本標簽。 ? table style=“color:red。font size:10pt” 在統(tǒng)一站點風格上，用第一方式，在某個網(wǎng)頁風格統(tǒng)一上，用第二種方式，而在網(wǎng)頁內部某個標簽的具體調整上，用第三種方式。 如果是新建 CSS文件 ,有兩種方法 : 方法一 :可以通過菜單 ” 文件 /新建 /CSS樣式 ” 方法二 :通過進入 CSS面板 ,點擊右下角的 ” 新建CSS樣式 ” 接下來 ,我們來看第二種方法 創(chuàng)建新的 CSS 樣式 ? 創(chuàng)建自定義樣式 (也就是選擇器類型中選擇 ”類 ”) ：名稱須以 .開頭， 并且可以包含任何字母和數(shù)字組合。例如 .myhead1。如果您沒有輸入開頭的句點， Dreamweaver 將自動為您輸入。 在”定義在 :”的選項中 ,有兩個選擇 ,第一個表示新建 CSS文件 ,這時 ,你在剛才的”名稱 :”后面的文本框中輸入的就是 CSS文件名 。如果你選擇”僅對該文檔” ,則是以形如” .myhead1”方式出現(xiàn)在代碼中 . ? 重定義 HTML標簽： 重定義特定 HTML 標簽的默認格式。 對文檔中的任何標簽都可以應用 CSS 樣式 . ? acronym從字義上理解，是取首字母的縮寫詞， abbr是縮寫，在應用過程中，兩個標簽看起來差
教學課件相關推薦
鄂ICP備17016276號-1