版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
第14章CSS層級式樣式表14-1CSS的基礎(chǔ)14-2FrontPage的樣式編輯14-3文字內(nèi)容的絕對位置樣式14-4圖片的絕對位置編排14-1CSS的基礎(chǔ)14-1-1什麼是CSS14-1-2CSS的基本語法14-1-1什麼是CSSCSSLevel1規(guī)格是在1996年12月公佈,InternetExplorer3.0或以上的版本都支援此規(guī)格,接著在1998年5月推出Level2規(guī)格,不過目前InternetExplorer5.x版本也都沒有完全支援,只有支援部分的樣式規(guī)格。簡單的說,CSS的目的是在定義HTML標籤的樣式,舉個例子來說,HTML標籤<p>標示文字段落,預設(shè)使用瀏覽程式的字體與字型大小,如果使用CSS就能夠重新定義<p>標籤的樣式,如下所示:<styletype="text/css">p{font-size:10pt;color:red;}</style>14-1-2CSS的基本語法HTML標籤配合CSS樣式能夠針對指定的標籤定義全新的樣式,只需選擇好需要重新定義的HTML標籤,就可以定義所需的樣式,如下所示:Selector{property1:value1;property2:value2}上述CSS語法的前方為選擇器Selector選擇套用樣式的標籤,Selector可以定義那些HTML標籤需要套用樣式,CSSLevel1擁有基本的選擇器Type、Descendant和Grouping,在CSSLevel2提供更多種的選擇器,例如:屬性條件的選擇。14-2FrontPage的樣式編輯14-2-1建立內(nèi)嵌式樣式14-2-2套用內(nèi)嵌式樣式14-2-3建立外部樣式檔案14-2-4連結(jié)外部樣式表檔案14-2-1建立內(nèi)嵌式樣式FrontPage的內(nèi)嵌式樣式是直接插在網(wǎng)頁文件中,然後套用在網(wǎng)頁中的HTML標籤,因為是內(nèi)嵌在網(wǎng)頁,所以使用範圍僅限於樣式所在的網(wǎng)頁。14-2-2套用內(nèi)嵌式樣式在新增好網(wǎng)頁的內(nèi)嵌式樣式後,在此網(wǎng)頁就可以選擇文字內(nèi)容套用新增的樣式。14-2-3建立外部樣式檔案FrontPage可以將建立好的樣式表儲存成一個外部檔案,然後設(shè)定網(wǎng)頁連結(jié)外部樣式表,直接套用外部樣式檔案內(nèi)的樣式指令。14-2-4連結(jié)外部樣式表檔案在建立好外部樣式表檔案後,我們可以將樣式表檔案套用在網(wǎng)站的所有網(wǎng)頁或只有選取的網(wǎng)頁。14-3文字內(nèi)容的絕對位置樣式14-3-1設(shè)定絕對位置的定位樣式14-3-2設(shè)定圖層順序14-3-1設(shè)定絕對位置的定位樣式在FrontPage只需選取文字內(nèi)容,然後執(zhí)行「格式/位置」指令,就可以設(shè)定定位樣式,選取文字就成為浮在文字內(nèi)容上的文字方塊。14-3-2設(shè)定圖層順序如果將文字方塊重疊編排後,此時顯示的前後順序是「位置」對話方塊的【圖層順序】欄位。14-4圖片的絕對位置編排14-4-1圖片的絕對位置編排14-4-2圖片上推一層14-4-3圖片後推一層14-4-1圖片的絕對位置編排在「圖片」工具列擁有【絕對位置】鈕,可以將圖片設(shè)定成絕對位置編排。14-4-2圖片上推一層如果網(wǎng)頁擁有多張圖片疊在一起,我們可以使用「圖片」工具列的【上推一層】鈕調(diào)整圖片的順序,
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 初中數(shù)學知識樹說課課件
- 2022~2023臨床執(zhí)業(yè)醫(yī)師考試題庫及答案第465期
- 微型小說三題微型小說《在》
- 臨猗事業(yè)編招聘2022年考試模擬試題及答案解析6
- 風濕性心臟病護理中的生活質(zhì)量評估
- 失能老人中醫(yī)護理方法
- 人工智能應(yīng)用案例及規(guī)范分析
- 前沿技術(shù)趨勢分析與應(yīng)用
- 酒店銷售員培訓課件
- 分隔縫技術(shù)交底
- 2025年阿勒泰地區(qū)哈巴河縣保安員招聘考試題庫附答案解析
- 高速公路bt合同范本
- 2026年《必背60題》酒店前廳接待經(jīng)理高頻面試題包含詳細解答
- 廣東省廣州市海珠區(qū)2024-2025學年七年級上學期期末考試數(shù)學試卷(含答案)
- 地下消防水池設(shè)備安裝方案
- 超聲波技術(shù)協(xié)議書
- 眼內(nèi)炎術(shù)后護理與康復
- GB/T 5784-2025緊固件六角頭螺栓細桿B級
- DB51-T 3313-2025 同步攤鋪超薄瀝青混凝土施工技術(shù)規(guī)程
- 雨課堂學堂在線學堂云《城市規(guī)劃理論與方法(江蘇師大 )》單元測試考核答案
- 高邊坡施工測量方案設(shè)計
評論
0/150
提交評論