傳智PHP基礎(chǔ)班筆記4_第1頁
傳智PHP基礎(chǔ)班筆記4_第2頁
傳智PHP基礎(chǔ)班筆記4_第3頁
傳智PHP基礎(chǔ)班筆記4_第4頁
傳智PHP基礎(chǔ)班筆記4_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、圖片熱點(圖像地圖)圖像熱點：給一張圖片加多個鏈接，默認情況下，一張圖只能加一個鏈接。1、標記結(jié)構(gòu)：<img src = “images/01.jpg” usemap = “#Map” /><map id = “Map” name = “Map”><area shape = “熱區(qū)形狀” coords = “熱區(qū)坐標” href = “鏈接地址” /><area shape = “熱區(qū)形狀” coords = “熱區(qū)坐標” href = “鏈接地址” /><area shape = “熱區(qū)形狀” coords = “熱區(qū)坐標” href =

2、 “鏈接地址” /></map>2、<area>標記的常用屬性l Shape：熱區(qū)的形狀，取值：rect(矩形)、circle(圓形)、polygon(多邊形)l Coords：執(zhí)區(qū)的坐標(位置)u 如果 shape = rect 時，那么，coords = “x1,y1,x2,y2” 例如：coords = “50,50,200,150”n (x1,y1)為矩形左上角的坐標值，(x2,y2)為矩形右下角的坐標值u 如果 shape = circle 時，那么， coords = “x,y,r” ，其中(x,y)為圓心坐標，r為半徑普通框架1、框架的概念框架技術(shù)：

3、將一個瀏覽器窗口劃分成若干個小窗口，每個小窗口顯示一個獨立的網(wǎng)頁。2、框架集和框架頁框架集<frameset>：主要用來劃分窗口的?？蚣茼?lt;frame>：主要用來指定窗口默認顯示的網(wǎng)頁地址?？蚣芘c窗戶很像。一個窗戶由窗格(框架集)和玻璃(框架頁)構(gòu)成。先規(guī)劃窗格，然后再確定每個窗格中放的玻璃。(先有結(jié)構(gòu)，后有內(nèi)容)框架網(wǎng)頁的DTD必須是：<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Frameset/EN" "/TR/xhtml1/DTD/xhtml1-frame

4、set.dtd">3、<frameset>屬性l cols：劃分左右型框架。u cols = “200,*” /左框架的寬度為200px，剩下的都是右框架的u cols = “180,*,180” /左框架和右框架的寬分別為180px，剩下都是中間框架u cols = “20%,*” /劃分框架時，可以用百分比來表示l rows：劃分上下型框架u rows = “200,*” /上框架的高度為200px，剩下都是下框架的u rows = “180,*,180” /上框架和下框架高分別為180px，剩下都是中間框架u 注意：cols屬性和rows屬性，每個框架只能用其

5、中一個，不能兩個同時用。l frameborder：是否顯示框架的邊框線，取值：1或0，yes或no。l border：邊框線的粗細。l bordercolor：邊框顏色。4、<frame>框架頁的屬性l src：該小窗口中，默認顯示的網(wǎng)頁地址。l noresize：不能調(diào)整小窗口的大小。如：noresize = “noresize”l scrolling：是否顯示滾動條，取值：auto、yes、nol name：給當前小窗口起個名字。這個name就是給<a>標記target屬性來用的。5、<noframes>含義l 描述：當你的瀏覽器不支持框架時，顯示的提

6、示信息。一般情況下，IE6不支持框架，高版本都支持。l 語法：<noframes>對不起，你的電腦太老了，該砸了，換新的！</noframes>6、框架嵌套7、注意事項n <frameset>框架，可以稱為“普通框架”。n 在“普通框架”中，框架的制作分兩個部分：(1)框架結(jié)構(gòu)的規(guī)劃 (2)制作具體的頁面n 在“普通框架”的結(jié)構(gòu)劃分中，不能出現(xiàn)<body>標記，因為沒有實際的內(nèi)容。內(nèi)嵌框架(行內(nèi)框架、浮動框架)l 描述：內(nèi)嵌框架，相當于在現(xiàn)有的網(wǎng)頁中，挖了一個“窟窿”，透過這個“窟窿”可以看見里面內(nèi)容。l 與普通框架的區(qū)別：<iframe&

7、gt;是<body>的子標記，因此，它應(yīng)該放在<body>。l 語法格式：<iframe 屬性 = “值”>對不起，你的瀏覽器版本太低！</iframe>l 常用屬性l src：引入的文件地址。l width：框架的寬度l height：框架的高度l frameborder：是否顯示框架的邊框線，取值：yes或no。l scrolling：是否顯示滾動條，取值：auto、yes、nol name：指定當前小窗口的名稱，該名稱也是給<a>標記的target屬性來用。l align：框架在網(wǎng)頁中的對齊方式，取值：left、center、r

8、ightn 其中取值 left 或 right ，可以實現(xiàn)圖文混排的效果，與<img>的對齊方式一樣。l 注意：src引入的文件只能是html文件或php文件，不能是其它文件。CSS簡介CSS Cascading Style Sheets 層疊樣式表。CSS的主要目的：是給HTML標記添加各種各樣的表現(xiàn)(格式、樣式)。比如：文字樣式、背景、文本樣式、鏈接樣式。提示：CSS是給HTML標記加的樣式；JS是給HTML標記加的行為。HTML標記是最先出現(xiàn)的。l HTML超文本標注語言：各種HTML標記。l CSS層疊樣式表：給HTML標記加的樣式。l JavaScript腳本程序：給HT

9、ML標記加的程序。CSS語法格式l 一個CSS規(guī)則，由“選擇器”和“格式聲明語句”構(gòu)成。l “選擇器”：就是選擇HTML標記，換句話說：就是給哪個HTML標記加樣式。l “格式聲明語句”：由構(gòu)成，中是各種格式語句。l 一條格式語句，由“屬性名:屬性值”構(gòu)成。l 每一條格式語句，必須用英文下的分號“;”結(jié)束。l 屬性名，就是CSS中的各種屬性，這些屬性名都是固定的。l 屬性值，一個屬性名可以取不同的值，這個值不加引號。l CSS中的數(shù)字單位都是px，這個px不能省略。CSS選擇器1、基本選擇器（1）“*”選擇器：通配符l 描述：將匹配所有的HTML標記，所有的標記都會改變的。l 語法：* col

10、or:red; l 注意：“*”盡量少用，因為IE6不支持。（2）標簽選擇器l 描述：將匹配指定的HTML標記。l 語法：h1 color:red; l 注意：CSS標簽選擇器，與HTML標記的名稱一樣，但不能加尖括號。（3）class選擇器(類選擇器)類選擇器是使用頻率最高的l 描述：給一類HTML標記加樣式。這里所指的“一類”是：每個HTML標記都有一個class屬性，且class的值一樣。class屬性是公共屬性，每個HTML標記都有。l 類選擇器的名稱，必須以“.”開頭，后限HTML標記的class屬性的值。如：.box color:red; l HTML標記的class屬性的值，不能

11、以數(shù)字開頭。（4）id選擇器l 描述：給指定id的元素添加樣式。l 注意：網(wǎng)頁中HTML標記的id屬性的值，必須是唯一的。l 每一個HTML標記都有一個id的公共屬性。l 注意：id屬性一般是給JS使用的，不是讓你來加樣式的。class屬性只能給CSS用，不能給JS用的。l id選擇器的名稱，必須以“#”開頭，后跟HTML標記的id屬性的值。2、組合選擇器（1）多元素選擇器l 描述：給多個元素加同一個樣式，多個選擇器之間用逗號“,”隔開。l 舉例：h1,p,div,bodycolor:red;（2）后代元素選擇器(最常用)l 描述：給某個標簽的某一個后代元素加樣式。選擇器之間用“空格”隔開。l

12、 舉例：div .title color:red;（3）子元素選擇器l 描述：給某個元素的子元素添加樣式。l 舉例：div > h1.titlecolor:red;CSS注釋CSS注釋：/*CSS注釋內(nèi)容*/HTML注釋：<!HTML注釋->CSS尺寸屬性l width：元素寬度，一定要加px單位。l height：元素高度。CSS字體屬性l font-size：文字大小。如：font-size:14px;l font-family：字體。如：font-family:微軟雅黑;l font-style：斜體，取值：italic。如：font-style:italic;l font-weight：粗體，取值：bold。如：font-weight:bold;CSS文本屬性l color：文本顏色l text-decoration：文本修飾線，取值：none(無)、underline(下劃線)、overli

溫馨提示

  • 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)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論