美工代碼裝修第九期7節(jié)7章_第1頁
美工代碼裝修第九期7節(jié)7章_第2頁
美工代碼裝修第九期7節(jié)7章_第3頁
美工代碼裝修第九期7節(jié)7章_第4頁
美工代碼裝修第九期7節(jié)7章_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

第七章：css基礎(chǔ)知識主講：晴雪老師2023/5/16css基礎(chǔ)知識（一)css樣式表的定義（二)css樣式表的語法（三)內(nèi)部樣式表（四)外部樣式表（五)內(nèi)聯(lián)樣式表css樣式表的定義css：（CascadingStyleSheets）層疊樣式表；分類及位置：內(nèi)部樣式-head區(qū)域style標(biāo)簽里面 外部樣式-link調(diào)用 內(nèi)聯(lián)樣式-標(biāo)簽元素里面html注釋：<!--注釋內(nèi)容-->css/js注釋：/*注釋內(nèi)容*/js注釋：//2023/5/16css樣式表的語法2023/5/16CSS規(guī)則由兩個主要的部分構(gòu)成：要添加樣式的盒子名或者標(biāo)簽名、和要添加的樣式。盒子名或者標(biāo)簽名{屬性:值;（樣式）}h1{color:red;font-size:14px;}三種顏色表示方法：1.英文單詞// 2.#開頭16進制6位數(shù)（兩兩相同可以縮寫） 3.rgb(0,0,0)內(nèi)部樣式表當(dāng)單個頁面需要設(shè)置樣式時，就應(yīng)該使用內(nèi)部樣式表。使用<style></style>標(biāo)簽在文檔<head></head>里面定義內(nèi)部樣式表<head> <styletype="text/css"> p{color:red;} </style></head>2023/5/16外部樣式當(dāng)樣式需要應(yīng)用于很多頁面時，就需要用到外部樣式表，首先需要創(chuàng)建一個css文件，然后引用到我們的頁面中。<head><linkrel="stylesheet"type="text/css"href="css/xx.css"/></head>2023/5/16內(nèi)聯(lián)樣式寫在標(biāo)簽里面的樣式

如：<pstyle=“color:red;”></p> 表示給p標(biāo)簽里面的文字顏色設(shè)置為紅色2023/5/16課后作業(yè)1、制作一個網(wǎng)頁，用三種不同的

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論