我HtML學(xué)習(xí)筆記資料

1、HTML之路共六十六頁HTML初步(chb)認(rèn)識(shí) 標(biāo)簽表示一個(gè)(y )網(wǎng)頁的框架， 標(biāo)簽標(biāo)識(shí)網(wǎng)頁的頭部，里面輸入的內(nèi)容是不可見的.這是單標(biāo)簽，后面的gb2312代表是中文字符，這樣才可以在網(wǎng)頁中顯示中文。 3. 標(biāo)簽是用來裝內(nèi)容，里面可以寫代碼。CSS樣式是放在標(biāo)簽里面的。 4.插入CSS樣式，當(dāng)是在標(biāo)簽里面定義用#開頭，如果是那么就是以.開頭; 若只想在里面定義一個(gè)class那么，開通就是.1,代表是一個(gè)樣式的。共六十六頁 5.CSS樣式里面 class=“”，這里面，調(diào)用的時(shí)候可以定義這個(gè)名字就好，單獨(dú)調(diào)用，不支持純數(shù)字，支持字母。 6.CSS樣式和JS樣式都要放到 這個(gè)頭部里面。 7.在

2、一個(gè)網(wǎng)頁中涉及相同樣式比較多的采取使用css樣式方法，單個(gè)樣式便采取標(biāo)簽方式(fngsh)。 8.repeat-x（代表橫向重復(fù)），repeat-y（代表縱向重復(fù)）。 9.標(biāo)簽不能放樣式屬性，標(biāo)簽可以放樣式表。(#在超鏈接里面代表空連接） 共六十六頁 CSS樣式(yngsh)給圖片做熱區(qū)先在dreamweaver中打開一張圖片，選擇居中、然后選擇插入的圖像、單擊屬性面板；再選擇圓形熱點(diǎn)工具，在需要的地方拖動(dòng)，創(chuàng)建熱區(qū)，最后在屬性面板選擇熱點(diǎn)指針工具，點(diǎn)擊熱點(diǎn)；探出鏈接，輸入所需要的鏈接的網(wǎng)址(wn zh)；可以在替換文本框中輸入自定義的網(wǎng)站名字（當(dāng)點(diǎn)擊鏈接無用是，會(huì)顯示的內(nèi)容）。共六十六頁HT

3、ML標(biāo)記(bioj)元素信息標(biāo)記meta（meta元素提供的信息不顯示在頁面中，一般用來定義頁面信息的說明、關(guān)鍵字、刷新等。其元素屬性有name和httpequiv，其中name屬性主要用來描述網(wǎng)頁，以便搜索引擎查找、分類。（例如） keywords就是設(shè)置網(wǎng)頁的關(guān)鍵字屬性，而在content中則定義具體的關(guān)鍵字。2， 語法 ：在上面的語法中，http-equiv用于傳送HTTP通信協(xié)議的標(biāo)頭，而在content中才是具體的屬性值。共六十六頁HTML部分(b fen)標(biāo)簽bgcolor（網(wǎng)頁背景顏色）background（網(wǎng)頁背景圖片)text（文字顏色）link（鏈接文字屬性，文字顏色變化)

4、 標(biāo)簽對(duì)其包圍的文本進(jìn)行水平居中處理邊距（topmargin=上邊距值 leftmargin=左邊距值）默認(rèn)情況邊距值是以像素為單位。一般網(wǎng)站頁面的左邊距和上邊距都設(shè)置為0，這樣(zhyng)看卡里頁面不會(huì)留太多的空白。頁面注釋標(biāo)記共六十六頁標(biāo)題標(biāo)記 h（到，一次減低)不同瀏覽器，其尺寸大小也不相同，標(biāo)題大約是標(biāo)準(zhǔn)文字高度的2到3倍，標(biāo)題則比標(biāo)準(zhǔn)字體略小。標(biāo)記用來控制字體、字號(hào)、顏色等屬性，他是HTML中最基本的標(biāo)記之一。字體屬性 face（可以設(shè)置不同的字體）(網(wǎng)頁默認(rèn)為宋體）文本格式化標(biāo)記：粗體標(biāo)記 、是行內(nèi)元素，他可以插入(ch r)到一段文本的任何一部分。,斜體文字標(biāo)記。 居中標(biāo)記共六

5、十六頁上標(biāo)標(biāo)記 也是行內(nèi)元素，他可以成對(duì)出現(xiàn)在一段文字的任何地方，并且允許嵌套使用。下標(biāo)標(biāo)記嵌套時(shí)候（下標(biāo)的下標(biāo)）大字號(hào)標(biāo)記 成對(duì)在一段文字的任何部位出現(xiàn)，多個(gè)元素作用(zuyng)于同一個(gè)文本，則字號(hào)會(huì)被逐漸增大。小字號(hào)標(biāo)記 同上作用。 下劃線標(biāo)記,段落標(biāo)記 (一個(gè)標(biāo)簽開始到下一個(gè)標(biāo)簽出現(xiàn)都是其作用的范圍。換行標(biāo)記 （表示在不另起一行的基礎(chǔ)上實(shí)現(xiàn)還行），是單標(biāo)簽。共六十六頁插入水平線，單標(biāo)簽，行外標(biāo)簽；1；水平線寬度width（用于改變水平線的寬度）；2；size水平線高度值，只能是像素；3；水平線去掉(q dio)陰影noshade 例如： 是布爾類型的屬性值。4：水平線顏色color；5

6、：水平線排列 align ； 空格標(biāo)記 （行內(nèi)任何地方可以出現(xiàn)， ；一個(gè) 代表半個(gè)空格）特殊字符：一般的代碼由前綴“&”，字符名稱和后綴“；”組成，使用方法和空格符類似。例如：（ >；），（X ×），（& &）；共六十六頁使用(shyng)圖像圖像格式分為三種，即GIF、JPEG和PNG插入圖像標(biāo)記img ;圖像的源文件src（指定圖像源文件的路徑，是圖像必不可少的屬性）img標(biāo)簽里面的屬性：border（邊框）、vspace（垂直邊距，在圖像頂部和底部加入相同的空格）、hspace（水平間距，是在圖像的兩側(cè)加入空格）。圖像超鏈接(lin ji)格式：繪制圖

7、像熱區(qū)鏈接， 共六十六頁使用(shyng)列表有序列表 而 標(biāo)記表示這是一個(gè)列表項(xiàng)。 有序列表的序號(hào)類型 type，可以修改(xigi)類型。其僅僅適合于有序列表和無序列表，其他都不適合。，start=”XX，里面是數(shù)字，代表從第幾個(gè)開始，無序列表標(biāo)記 ,（可以和有序列表嵌套使用）目錄列表標(biāo)記 ，其顯示效果和無序列表相同。定義列表標(biāo)記 格式 菜單列表標(biāo)記 在瀏覽器顯示效果和無序列表是差不多的。共六十六頁使用(shyng)表格表格基本構(gòu)成;table、tr、td設(shè)置表格的標(biāo)題caption。使用caption創(chuàng)建標(biāo)題好處是，標(biāo)題在表格內(nèi)部，可以隨著表格移動(dòng)而移動(dòng)。表頭標(biāo)記，一般顯示效果是加粗、黑

8、色；其結(jié)束(jish)標(biāo)記是可選的，開始標(biāo)記是必須有的。共六十六頁內(nèi)框?qū)挾?cellspacing（用于設(shè)置表格內(nèi)部每個(gè)單元格之間的距離。）表格內(nèi)文字與邊框距離cellpadding（用來設(shè)置單元格邊框與單元格里面內(nèi)容的距離）表格背景顏色bgcolor (其定義的顏色可以被行、列或者單元格定義的顏色所覆蓋）表格的行的屬性（高度控制height bordercolor邊框顏色行文字的垂直(chuzh)對(duì)齊方式 valign （分別是：top、middle和bottom。）共六十六頁水平跨度 colspan，和并兩列或者多列的功能，垂直跨度 rowspan，,這兩個(gè)屬性都是放在里面的。單元格的亮邊

9、框 bordercolorlight （單元格亮邊框，向光的部分，可以(ky)設(shè)置其顏色。單元格的暗邊框 bordercolordark ，單元格背光的部分。表格的表首標(biāo)記 ,一個(gè)表只有一個(gè)thead，其內(nèi)部可以包含屬性值。(其相當(dāng)于一個(gè)模塊化的處理，可以批處理）。表格的表主體標(biāo)記 一個(gè)表元素只有一個(gè)tbody，表格的表尾標(biāo)記 共六十六頁建立(jinl)超鏈接有絕對(duì)路徑和相對(duì)路徑之分，插入圖像一般使用相對(duì)路徑。內(nèi)部鏈接：是指鏈接的對(duì)象是在同一個(gè)網(wǎng)站中的資源。語法 ,target 的參數(shù)有-self（當(dāng)前頁面中打開鏈接），blank（新窗口打開），-top（在頂層框架打開），-parent（在當(dāng)

10、前框架的上一層里打開鏈接） 例如下面所示： 4. 建立錨點(diǎn) 一個(gè)網(wǎng)頁可以有無數(shù)個(gè)錨點(diǎn)，但是兩個(gè)錨點(diǎn)不能同名，名稱(mngchng)最好區(qū)分大小。 5.錨點(diǎn)鏈接：共六十六頁錨點(diǎn)鏈接(lin ji)學(xué)習(xí)錨點(diǎn)不但可以鏈接同一頁面，還可以在不同的頁面中設(shè)置，語法：,鏈接到其他(qt)頁面需要在錨點(diǎn)名稱前面加一個(gè)該文件地址B. 外部鏈接（跳轉(zhuǎn)到當(dāng)前網(wǎng)站之外的鏈接），使用HTPP協(xié)議進(jìn)行外部鏈接設(shè)置友情鏈接，語法： B.鏈接到E-mail 語法：,maioto后面是輸入電子郵件地址。 C.鏈接到FTP：FTP代表文件傳輸協(xié)議，一個(gè)FTP站點(diǎn)通常包含一些容易上傳和下載的文件的文件目錄。大部分的FTP網(wǎng)站需要

11、一個(gè)用戶名和密碼進(jìn)入網(wǎng)站。共六十六頁語法：鏈接到Telent （Telent 常常用來登陸一些BBS網(wǎng)站，也是一種遠(yuǎn)程登陸方式。下載文件（語法： 我愛她 遠(yuǎn)方 永遠(yuǎn)的兄弟(xingd) 四月(點(diǎn)擊上面鏈接的文字，就會(huì)跳轉(zhuǎn)到一個(gè)頁面，可以進(jìn)行下載）共六十六頁添加(tin ji)多媒體設(shè)置滾動(dòng)效果；滾動(dòng)標(biāo)記：marquee,使用其不僅可以進(jìn)行移動(dòng)文字，也可以移動(dòng)圖片，表格等。默認(rèn)是從右往左滾動(dòng)，（direction，滾方向設(shè)置；取值：up、down、left、right。在制作網(wǎng)頁時(shí)，滾動(dòng)文字效果一般用于滾動(dòng)公告欄或新聞動(dòng)態(tài)方面(fngmin)。滾動(dòng)方式 behavior（ ) 共六十六頁滾動(dòng)速度

12、 scrollamount 滾動(dòng)速度實(shí)際上是設(shè)置每次滾動(dòng)時(shí)移動(dòng)的長(zhǎng)度，以像素為單位滾動(dòng)延遲 scrolldelay（可以設(shè)置滾動(dòng)時(shí)間間隔） ;時(shí)間間隔的單位是毫秒。滾動(dòng)循環(huán) loop （默認(rèn)情況下滾動(dòng)會(huì)一直循環(huán)下去，如果希望滾動(dòng)幾次就停止，那么可以使用loop設(shè)置滾動(dòng)次數(shù)） 滾動(dòng)范圍 width、height，在默認(rèn)情況下水平滾動(dòng)的高度和文字的高度一樣，與瀏覽器的窗口寬度(kund)同寬。共六十六頁滾動(dòng)背景顏色bgcolor 語法：，滾動(dòng)背景顏色為16進(jìn)制顏色?？瞻卓臻ghspace、vspace；默認(rèn)情況滾動(dòng)對(duì)象的文字或圖片與后面的背景是緊密連接的，使用hspace和vspace可以設(shè)置他們之

13、間的空白空間。插入多媒體文件插入Flash動(dòng)畫 語法：共六十六頁插入音頻(ynpn)和視頻文件 : 背景音樂 bgsound 在網(wǎng)頁中除了可以嵌入普通的聲音外，還可以為某個(gè)網(wǎng)頁設(shè)置背景音樂。語法： ;如果希望音樂無限循環(huán)播放下去，可以將循環(huán)次數(shù)設(shè)置成true共六十六頁插入(ch r)java AppletJava Applet是一種允許開發(fā)并可以(ky)嵌入Web頁面的編程語言。Java Applet小程序是在java的基礎(chǔ)上演而成的應(yīng)用程序，可以(ky)嵌入到網(wǎng)頁中要用來執(zhí)行一定的任務(wù)。 共六十六頁使用(shyng)框架結(jié)構(gòu)框架是網(wǎng)頁設(shè)計(jì)中很常用的技術(shù)，可以在一個(gè)瀏覽器窗口中顯示多個(gè)文檔。利

14、用這一特點(diǎn)，框架技術(shù)可以廣泛的應(yīng)用到網(wǎng)站導(dǎo)航和文檔瀏覽器中，方便訪問者對(duì)網(wǎng)頁的瀏覽，減少訪問者下載頁面所需的時(shí)間?？蚣芤话阌煽蚣芗M成(z chn)?？蚣芫拖褚粋€(gè)大的容器，包括了所以的框架，是框架的集合，框架是框架集中一個(gè)獨(dú)立的區(qū)域，用于顯示一個(gè)獨(dú)立的文檔。框架結(jié)構(gòu)是將兩個(gè)或兩個(gè)以上的網(wǎng)頁組合起來，在同一窗口中打開的網(wǎng)頁結(jié)構(gòu)?？蚣苁前岩粋€(gè)網(wǎng)頁分成幾個(gè)單獨(dú)的區(qū)域。每一個(gè)區(qū)域?yàn)橐粋€(gè)單獨(dú)的HTML文件。顯示時(shí)，每個(gè)區(qū)域像一個(gè)單獨(dú)的網(wǎng)頁，可以有自己的滾動(dòng)條、背景、標(biāo)題等。共六十六頁設(shè)置框架集的屬性 frameset（分割方式：水平分割窗口、垂直分割窗口、嵌套分割窗口；）水平分割窗口 rows ；是將頁

15、面沿水平方向(fngxing)切割，也就是將頁面分成上下排列的多個(gè)窗口。語法： 共六十六頁cols屬性是指定了垂直框架的布局方法，它將頁面沿垂直方向分割成多個(gè)窗口，由一組用逗號(hào)分隔的像素值、百分比值、或相對(duì)度量值組成列表。（說明(shumng)cols可以取多個(gè)值，每個(gè)值表示一個(gè)框架窗口的水平寬度，它的單位可以是像素，也可以是占瀏覽器的百分比。）嵌套分割窗口就是在一個(gè)頁面中，即有水平分割的框架，又有垂直分割的框架?？蚣艿倪吙騠rameborder(默認(rèn)情況下，瀏覽器給每一個(gè)框架結(jié)構(gòu)加上一條有明顯寬度的邊框。通過frameborder可以控制邊框顯示或隱藏。語法:框架的邊框?qū)挾?framespa

16、cing（默認(rèn)寬度為 1，邊框?qū)挾戎荒軐?duì)框架集使用，對(duì)單個(gè)框架無效共六十六頁框架的邊框顏色 bordercolor設(shè)置窗口屬性frame：用來定義每一個(gè)單獨(dú)的框架頁面，框架頁面的屬性設(shè)置都在標(biāo)記里進(jìn)行。頁面名稱name。語法： ;框架頁面名稱中不允許包含特殊字符、連字符、空格符、必須是單個(gè)的單詞或者字母組成。禁止調(diào)整窗口的尺寸 noresize，語法： ,其沒有屬性值，添加該屬性后就不能拖動(dòng)邊框，反之無需指定此屬性。邊框與頁面內(nèi)容的水平(shupng)邊距marginwidth。水平(shupng)邊距用于設(shè)置頁面的左右邊緣與框架邊框的距離。共六十六頁邊框與頁面內(nèi)容的垂直邊距 marginhe

17、ight（同上）控制框架滾動(dòng)條顯示scrolling ；語法：,scrolling取值包括yes、no或者auto。（auto是默認(rèn)，根據(jù)頁面的長(zhǎng)度，超出瀏覽器窗口的范圍時(shí)就會(huì)自動(dòng)顯示滾動(dòng)條）不支持框架標(biāo)記 noframes（當(dāng)遇到瀏覽器不支持框架顯示功能，此時(shí)就需要替換顯示內(nèi)容浮動(dòng)框架 iframe （其是一種較為特殊的框架，他是在瀏覽器窗口中嵌套的子窗口，整個(gè)頁面并不一定是框架頁面，但包含一個(gè)框架窗口，框架完全可以由設(shè)計(jì)者自由設(shè)計(jì)寬度和高度，并可以放在網(wǎng)頁中的任何位置，這極大的擴(kuò)展了框架的應(yīng)用范圍。共六十六頁語法： 浮動(dòng)框架的對(duì)齊方式align（包括左對(duì)齊left、右對(duì)齊right、居中對(duì)

18、齊middle和底部對(duì)齊bottom。共六十六頁使用(shyng)表單表單用途很多，在制作網(wǎng)頁，特別是制作動(dòng)態(tài)網(wǎng)頁時(shí)常常會(huì)用到。表單主要用來收集客戶端提供的相關(guān)信息，使網(wǎng)頁具有交互功能。在表單標(biāo)記中，可以設(shè)置表單的基本屬性，包括表單的名稱(mngchng)、處理程序、和傳送方法等。一般情況下，表單的處理程序action和傳送方法method是必不可少的參數(shù)。提交表單 action （用于指定表單數(shù)據(jù)提交到那個(gè)地址進(jìn)行處理) (表單的處理程序是要提交的地址，可以是相對(duì)的地址，也可以是絕對(duì)的地址，還可以是一些其他形式的地址）。共六十六頁表單名稱 name（不能包含特殊字符和空格符）method（傳

19、送方法，可以取得(qd)值為get和post）get：表單數(shù)據(jù)被傳送到action屬性指定的URL，然后這個(gè)新URL被送到處理程序上。post：表單數(shù)據(jù)被包含在表單主體中，然后被送到處理程序上。編碼方式 entype（表單中用來設(shè)置表單信息提交的編碼方式）共六十六頁目標(biāo)顯示方式target（目標(biāo)窗口打開方式，表單的目標(biāo)窗口往往用來顯示表單的返回信息。語法： 目標(biāo)窗口打開方式：_blank、_parent,_self和_top.插入表單對(duì)象（表單元素包括文字字段、單選按鈕、復(fù)選框、菜單和列表以及(yj)按鈕）語法：共六十六頁密碼域 password 是一種特殊的文字字段；語法：(注意這里的密碼只

20、是讓周圍(zhuwi)的人看不到輸入的文本，但是他不能使數(shù)據(jù)安全，為了安全，需要在瀏覽器和服務(wù)器之間建立一個(gè)安全鏈接。）單選按鈕 radio 小圓點(diǎn)按鈕，可以選擇，語法： (必須設(shè)置一個(gè)value值。）共六十六頁復(fù)選框 checkbox（用戶可以從一個(gè)列表中選擇超過一個(gè)的選項(xiàng)）普通按鈕 button 語法：(說明：value取得(qd)的值就是顯示在按鈕上的文字，在button屬性里面添加onclick 來實(shí)現(xiàn)一些特殊功能。）提交按鈕 submit（單擊該按鈕可以實(shí)現(xiàn)表單內(nèi)容的提交。）重置按鈕reset（重置按鈕用來清除頁面中輸入的信息）共六十六頁圖像域 image（可以使用一副圖像作為按鈕，

21、這樣可以創(chuàng)建能想象到的任何外觀按鈕。）語法： 圖像路徑可以是絕對(duì)地址，也可以是相對(duì)地址隱藏域 hidden 文件域 file （在上傳文件時(shí)候(sh hou)常用到，用于查找硬盤中的文件路徑，然后通過表單將選中上傳，上傳圖片也常用到） 共六十六頁菜單和列表：（主要用來選擇給定答案中的一種，這類選擇中往往答案比較多，菜單和列表主要為了節(jié)約頁面空間，他們是通過 和 標(biāo)記來實(shí)現(xiàn)的。）select name=下拉菜單名稱)選項(xiàng)顯示內(nèi)容 (下拉菜單的寬度是由標(biāo)記中包含的最長(zhǎng)的文本的長(zhǎng)度來決定的。） 對(duì)于每個(gè)option標(biāo)記都使用value屬性是為了在處理表單時(shí)候盡可能避免混淆。文本標(biāo)記textarea

22、（當(dāng)需要填入多行文本時(shí)候，就使用文本域而不是文字字段。列表項(xiàng)（顯示幾條信息，一旦超出這個(gè)(zh ge)信息量，在列表項(xiàng)右側(cè)會(huì)出現(xiàn)滾動(dòng)條，拖動(dòng)滾動(dòng)條可以看到所有的選項(xiàng)）共六十六頁(文本域和計(jì)算機(jī)內(nèi)存一樣的大，文本域的大小不受瀏覽器窗口的限制。如果文本域窗口超出了瀏覽器窗口的大小，這時(shí)會(huì)出現(xiàn)滾動(dòng)條來幫助用戶看整個(gè)文本域。）id標(biāo)記 （這是一種較為特殊的標(biāo)記，它主要用于標(biāo)識(shí)一個(gè)唯一的元素。這個(gè)(zh ge)元素可以是文本字段，可以是密碼域，也可以是其他的表單元素，甚至可以是一幅圖、一個(gè)表格。共六十六頁使用(shyng)CSS樣式通過CSS樣式定義，可以將網(wǎng)頁制作的更加絢麗多彩。采用CSS技術(shù)，可以有

23、效的對(duì)頁面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)更加精確的控制。CSS由三部分構(gòu)成：選擇符、樣式屬性、值。選擇符樣式屬性：取值；樣式屬性：取值；樣式屬性：取值形式：bodybackground-color:red ; width=500px除了(ch le)單個(gè)屬性的定義，同樣可以為一個(gè)標(biāo)簽定義一個(gè)甚至更多個(gè)屬性定義，每個(gè)屬性之間用逗號(hào)分開。共六十六頁添加CSS樣式方法：4種，鏈接外部樣式表、內(nèi)部樣式表，導(dǎo)入外部樣式表和內(nèi)嵌樣式。內(nèi)嵌樣式是混合在HTML標(biāo)記里面使用的，用這種方法，可以很簡(jiǎn)單的對(duì)某個(gè)元素單獨(dú)定義樣式，它主要是在body內(nèi)實(shí)現(xiàn)。內(nèi)嵌樣式的使用是直接在HTML標(biāo)記里添加style參

24、數(shù)，而style參數(shù)的內(nèi)容是CSS的屬性和值，在style參數(shù)后面的引號(hào)里面的內(nèi)容相當(dāng)于樣式表里的內(nèi)容。CSS里面的屬性：字體：font-family 語法：font-family：字體1，“字體2”，“字體3”字號(hào) font-size （字體風(fēng)格：font-style（用來(yn li)設(shè)置字體是否為斜體。）normal默認(rèn)正常字體，italic以斜體顯示文字；oblique屬于中間狀態(tài)，以斜體顯示。共六十六頁加粗字體 font-weight （語法：font-weight：字體粗細(xì)小寫字母轉(zhuǎn)變?yōu)榇髮?dxi)font-variant(其可以設(shè)置兩個(gè)值，一個(gè)是normal，表示正常顯示，另一

25、個(gè)是small-caps，可以將小寫英文字母轉(zhuǎn)變?yōu)榇髮?dxi)英文字母且字體較小。字體復(fù)合屬性，用來簡(jiǎn)化CSS代碼（復(fù)合屬性可以取值字體族科、字體大小、字體風(fēng)格、字體加粗等，各值之間用空格相連接。顏色和背景屬性：顏色屬性color，顏色值是一個(gè)關(guān)鍵字或一個(gè)16進(jìn)制的RGB值。語法：color：顏色取值表示紅、綠、藍(lán)。 背景顏色background-color，在HTNL中，利用標(biāo)記中的bgcolor屬性可以設(shè)置網(wǎng)頁背景顏色，而在CSS中使用background-color屬性不但可以設(shè)置網(wǎng)頁背景顏色，還可以設(shè)置文字背景顏色。共六十六頁背景圖像 background-image 語法：back

26、ground-image：url（圖像地址）背景重復(fù) backfround-repeat(使用dbackground-repeat屬性可以設(shè)置背景圖像是否平鋪，并可以設(shè)置如何平鋪。）no-repeat表示背景圖像不平鋪；repeat表示背景圖像平鋪滿整個(gè)網(wǎng)頁；repeat-X表示背景圖像只是在水平方向(fngxing)上平鋪；repeat-y表示只是在垂直方向(fngxing)上平鋪。語法：background-repeat：取值；背景附件 background-attachment（可以設(shè)置背景圖像是隨對(duì)象滾動(dòng)還是固定不動(dòng)。語法：background-attachment：scroll/fi

27、xedscroll表示背景圖像滾動(dòng)，fixed表示背景圖像不動(dòng)。共六十六頁背景位置：background-position（這個(gè)屬性只能用于塊級(jí)元素和替換元素，替換元素包括img、input、textarea、select和object。使用背景復(fù)合屬性background可以簡(jiǎn)化CSS代碼；語法：background：取值例如：background：url（imgaes/bg_down.jpg） no-repeat left-top;段落屬性：利用CSS樣式可以控制段落屬性，主要包括單詞間隔、字符間隔、文字修飾、縱向排列、文本轉(zhuǎn)換、文本排列、文本縮進(jìn)(su jn)和行高等。單詞間隔： wor

28、d-spacing 字符間隔：letter-spacing文字修飾 text-decoration（如下劃線、刪除線等）共六十六頁說明：none表示不修飾，默認(rèn)值；underline表示下劃線；overline上劃線；line-through表示刪除線；blink表示文字閃爍效果。垂直(chuzh)對(duì)齊方式：vertical-align：排列取值 baseline 瀏覽器默認(rèn)垂直對(duì)齊方式sub 文字的下標(biāo)super：文字的上標(biāo)top:垂直靠上對(duì)齊text-top使元素和上級(jí)元素的字體向上對(duì)齊；middle垂直居中對(duì)齊text-bottom：使元素和上級(jí)元素的字體向下對(duì)齊。共六十六頁文本轉(zhuǎn)換：

29、text-transformnone ：表示使用原始(yunsh)值；capitalize：表示使每個(gè)單詞的第一個(gè)字母大寫；uppercase：表示使每個(gè)單詞的所有字母大寫；lowercase：表示使每個(gè)單詞的所有字母小寫；水平對(duì)齊方式text-align （left：左對(duì)齊， right：右對(duì)齊， center 居中對(duì)齊， justify：兩端對(duì)齊。）文本縮進(jìn) text-indent （在HTML中只能控制段落的整體向右縮進(jìn)，如果不設(shè)置，瀏覽器則默認(rèn)不縮進(jìn)，但是在CSS里面可以設(shè)置首行縮進(jìn)和縮進(jìn)的距離。說明：文本縮進(jìn)的值必須是一個(gè)長(zhǎng)度值或者是百分比。共六十六頁文本行高 line-height

30、 （使用文本行高屬性可以控制段落中行與行之間的距離。語法： line-height：行高值 （可以設(shè)置長(zhǎng)度、倍數(shù)處理空白 white-space（用于設(shè)置頁面內(nèi)空白的處理方式。）white-space包括3個(gè)值，其中normal是默認(rèn)屬性，即將連續(xù)多個(gè)空格合并；pre會(huì)導(dǎo)致源代碼中的空格和換行符被保留，但是這一選項(xiàng)只能在Internet Explorer6中才能正確顯示；nowrap強(qiáng)制在同一行內(nèi)顯示所有文本，直到(zhdo)文本結(jié)束或者遇到對(duì)象。文本反排 unicode-bidi、 direction （用來設(shè)置對(duì)象的閱讀屬性）unicode-bidi：bidi-override |norm

31、al |embed共六十六頁direction 屬性 語法：direction：ltr |rtl inherit在direction屬性中，ltr表示從左向右的順序閱讀；rtl表示從右向左閱讀順序；inherit表示文本流的值不可繼承。邊距與填充屬性，設(shè)置邊界(binji)周圍的邊界(binji)寬度，包括上、下、左、右4個(gè)邊界(binji)的距離，單位可以是長(zhǎng)度單位也可以是百分比單位。上邊距 margin-top 上邊距也叫頂端邊距，使用上邊距可以設(shè)置元素的上邊界，可以使用長(zhǎng)度值和百分比。、margin-top ：邊距值（百分比是設(shè)置相對(duì)于上一級(jí)元素的寬度的百分比，允許使用負(fù)值， auto

32、是自動(dòng)取邊距值，即元素的默認(rèn)值。共六十六頁其他邊距 margin-bottom、margin-left、margin-right邊距復(fù)合屬性 margin （邊距的復(fù)合屬性為對(duì)4個(gè)邊距設(shè)置的簡(jiǎn)寫） margin：長(zhǎng)度值 | 百分比 | automargin 的值可以取 1 到 4個(gè)，如果設(shè)置1個(gè)值，則對(duì)應(yīng)于所有4個(gè)邊界；如果設(shè)置2-3個(gè)值，則簡(jiǎn)寫的值和對(duì)應(yīng)邊相等；如果設(shè)置四個(gè)值，則按照上下左右順序分別對(duì)應(yīng)其邊距。頂端(dngdun)填充 padding-top （用于設(shè)置上邊框和選擇內(nèi)容之間的間隔。）語法：padding -top ：間隔值其他填充： padding-bottom、paddin

33、g-right、padding-left共六十六頁填充復(fù)合屬性 padding （padding：長(zhǎng)度值 | 百分比 例如：padding：10px 20px 20px 12px；邊框樣式：使用邊框樣式屬性可以(ky)設(shè)置邊框的風(fēng)格樣式，這個(gè)屬性必須用于指定可見邊框。可以(ky)分別設(shè)置邊框樣式border-top-style、下邊框樣式 border-bottom-style、左邊框樣式border-left-style 和右邊框樣式 border-right-style。邊框?qū)挾?border-width（設(shè)置邊框?qū)挾萴edium 默認(rèn)寬度、thin小于默認(rèn)寬度、thick大于默認(rèn)寬度）邊

34、框顏色：border-color（可以使用16種顏色關(guān)鍵字或RGB值來設(shè)置 (使用border屬性可以設(shè)置元素的邊框樣式、寬度和顏色。共六十六頁定位屬性(shxng)（可以控制元素位置，包括相對(duì)位置和絕對(duì)位置兩種方式，相對(duì)位置是指允許元素在相對(duì)于文檔布局的原始位置上進(jìn)行偏移，而絕對(duì)定位是指允許元素與原始的文檔布局分離且任意定位。定位方式position 語法：position：static| absolute | fixed | relativestatic表示默認(rèn)值、absolute表示采用絕對(duì)定位，需要同時(shí)使用left，right，top，和bottom等屬性進(jìn)行絕對(duì)定位；fixed表示當(dāng)

35、頁面滾動(dòng)時(shí)，元素不隨著滾動(dòng)；relative表示采用相對(duì)定位，對(duì)象不可以層疊。層疊順序 z-index：auto |數(shù)字 浮動(dòng)屬性float （使用浮動(dòng)屬性可以設(shè)置float可以設(shè)置文字在某個(gè)元素周圍，它用于所以元素。共六十六頁清除屬性 clear （用于指定一個(gè)元素是否允許有其他元素漂浮在他的周圍。語法;clear:none |left |right |both可視區(qū)域 clip 裁切出來是一個(gè)矩形，只要設(shè)置兩個(gè)點(diǎn)即可，一個(gè)是矩形左上角的頂點(diǎn)，有top 和left兩項(xiàng)設(shè)置完成，另一個(gè)是右下角的頂點(diǎn)，由bottom和right兩項(xiàng)設(shè)置完成。超出范圍 overflow (使用可以設(shè)置當(dāng)層內(nèi)的內(nèi)容

36、超出層所能容納的范圍時(shí)的顯示方式。）可見(kjin)屬性 visibility（針對(duì)嵌套層的設(shè)置，嵌套層是插入在其他層中的層，分為嵌套的層和被嵌套的層。）列表屬性（使用列表屬性可以設(shè)置列表項(xiàng)的樣式，包括符號(hào)、縮進(jìn)等。）共六十六頁列表符號(hào) list-style-type :值 圖像符號(hào) list-style-image（圖像符號(hào)屬性是指使用圖像作為列表符號(hào)，以美化網(wǎng)頁。列表縮進(jìn) list-style-position（使用列表縮進(jìn)屬性可以設(shè)置列表縮進(jìn)的程度。列表復(fù)合屬性 list-style（列表復(fù)合屬性用于設(shè)置列表項(xiàng)目的相關(guān)(xinggun)樣式）光標(biāo)屬性 cursor（使用光標(biāo)屬性可以設(shè)置在

37、對(duì)象上移動(dòng)時(shí)鼠標(biāo)指針采用的光標(biāo)形狀。）語法：cursor：auto|形狀取值|url（圖像地址）光標(biāo)屬性的值可以是多個(gè)，其間用逗號(hào)分開共六十六頁濾鏡屬性(shxng)不透明(tumng)度 alpha（屬性用于設(shè)置對(duì)象內(nèi)容的透明(tumng)度，使圖片產(chǎn)生透明(tumng)漸變效果。語法：filter：alpha（參數(shù)1=參數(shù)值，參數(shù)2=參數(shù)值，)動(dòng)感模糊 blur（用于設(shè)置動(dòng)感模糊效果）語法：filter：blur（add=參數(shù)值，direction=參數(shù)值，strength=參數(shù)值）例如（.g filter:Blur（Add=true，Direction=100，Strength=8） .

38、g1 filter:Blur(Direction=450,Strength=150 ) ; 共六十六頁對(duì)顏色進(jìn)行透明處理chroma（作用是將圖片中的某種顏色轉(zhuǎn)換為透明色，產(chǎn)生透明效果）語法(yf)：filter：chroma（color=顏色代碼或顏色關(guān)鍵字）陰影效果 dropShadow（用于設(shè)置在指定方向和位置上產(chǎn)生陰影效果）語法：dropShdow（color=陰影顏色，offX=參數(shù)值，offY=參數(shù)值，positive=參數(shù)值）對(duì)象翻轉(zhuǎn) flipH、flipV（一個(gè)是用來設(shè)置沿水平方向翻轉(zhuǎn)對(duì)象，另一個(gè)是設(shè)置沿垂直方向翻轉(zhuǎn)對(duì)象。）發(fā)光效果 glow（用于設(shè)置在對(duì)象周圍發(fā)光的效果）語法

39、：filter：Glow（color=顏色代碼，strength=強(qiáng)度值）strength用來設(shè)置發(fā)光的強(qiáng)度，默認(rèn)值是5.共六十六頁灰度處理 gray（用于把圖片(tpin)中的色彩去掉，轉(zhuǎn)為黑白圖片(tpin)反相 invert（用于設(shè)置反相，可以將圖片的顏色、飽和度以及亮度完全反轉(zhuǎn)過來。X光片效果 xray 語法：filter：xary遮罩效果 mask（用于為對(duì)象產(chǎn)生遮罩效果，可以做出像印章一樣的效果）filter：Mask（Color=顏色代碼）其是用設(shè)置外圍遮蓋的顏色，可以是顏色關(guān)鍵字或者是十六進(jìn)制數(shù)。波形濾鏡 wave（用于為對(duì)象創(chuàng)建波紋扭曲的效果）語法：filter：wave（add=參數(shù)值，freq=參數(shù)值，lightstrength=參數(shù)值，phase=參數(shù)值，strength=參數(shù)值）；共六十六頁add用于設(shè)置是否要把對(duì)象按照(nzho)波紋樣式打亂；freq用于設(shè)置圖片上的波浪數(shù)目；lightstrength用于設(shè)置波浪的光照強(qiáng)度，取值范圍是0100；phrase用于設(shè)置波浪的起始位置；strength用于設(shè)置波浪的強(qiáng)度大小。共六十六頁CSS布局(bj)樣式技巧一列固定寬度：一列式布局是所以布局的基礎(chǔ)，也是最簡(jiǎn)單的布局形式(xngsh)。一列固定寬度中，寬度的屬性值是固