HTML靜態(tài)網(wǎng)頁知識點_第1頁
HTML靜態(tài)網(wǎng)頁知識點_第2頁
HTML靜態(tài)網(wǎng)頁知識點_第3頁
HTML靜態(tài)網(wǎng)頁知識點_第4頁
HTML靜態(tài)網(wǎng)頁知識點_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1、文中的 XXX“黃色”標(biāo)記為易錯的，重要的第一章 網(wǎng)頁編程基礎(chǔ)1、互聯(lián)網(wǎng)？2、分別解釋tcp/ip;http;ftp;html;bbs;www;url;php；css3、url的5種形式？4、服務(wù)器、服務(wù)端？客戶端？5、超文本？超鏈接？6、網(wǎng)頁的3種基本類型？7、一個完整的hml文件結(jié)構(gòu)有多少個標(biāo)記？分別是？8、文字的屬性代碼？9、注釋標(biāo)記？標(biāo)題標(biāo)記？換行？空格？段落？加粗？加斜？10、meta標(biāo)記常用的刷新/語言編碼代碼？增加的：關(guān)鍵字、主題內(nèi)容、強(qiáng)行的調(diào)用網(wǎng)上最新版本、文檔作者11、link標(biāo)記？（鏈接）12、base標(biāo)記？（文檔原始地址）13、常見的html編輯器？答案：1、Intern

2、et2、tcp/ip:傳輸控制協(xié)議 http:超文本傳輸協(xié)議 ftp:文件傳輸協(xié)議 html:超文本標(biāo)記語言 bbs:電子公告板服務(wù) www:（world wide web）網(wǎng)維網(wǎng)或全球范圍網(wǎng) url:統(tǒng)一資源定位符 php:一種用來制作動態(tài)網(wǎng)頁的服務(wù)器端的腳本語言css:層疊樣式表（樣式表）一種設(shè)計網(wǎng)頁樣式的標(biāo)準(zhǔn)3、file:/文件地址（最后以單個文件結(jié)尾）Browser瀏覽器；Client客戶端；Server服務(wù)器/default.htmldefault：缺省的意思23news:/地址telnet:/地址4、server；cl

3、ient【B-B;C-C;B-C;模式B代表企業(yè)；C代表個人；B/S；C/S】5、HT(hyper txet) , HL( hyper link)6、靜態(tài)網(wǎng)頁html； css動態(tài)網(wǎng)頁 *.jsp, *.php *.asp(以do?開始的是Java平臺編寫的)交互式網(wǎng)頁JavaScript7、4個；分別是<html><title><head><body>8、<font color=”face=” size=”>文字</font>9、注釋<!- ->；標(biāo)題：<hx>x為16，其中h1最大</hx

4、>；換行：<br/>或</br>空格：&nbsp; <p>段落</p> <b>加粗</b > <i>加斜</i>10、刷新：<meta http-equiv=”refresh” content=”時間;網(wǎng)頁地址”>文字編碼：(簡體中文：gb2312，utf-8是英語編碼，繁體字編碼：BIG5)<meta http-equiv=”content-type” content=”text/html;charset=gb2312”>關(guān)鍵字：<meta name=”

5、keywords” content=”你的關(guān)鍵字”>主題內(nèi)容：<meta name=”description” content=”你的關(guān)鍵字”>強(qiáng)行調(diào)用網(wǎng)上的最新版本：<mata http-equiv=”pragma” content=”no-cache”>或<mata http-equiv=”content-control” content=”no-cache”>文檔作者：<meta name=”author” content=”作者的名字”>11、<link href=”style.css” type=”text/css” rel

6、=”stylesheet” >12、<base href=”XX address”>(注意XX 與address之間是空格。)13、常見的html編輯器：Dreamweaver、Notepad+、first page 2006、we builder 2006（以前的Dreamweaver 是macromedia公司的，現(xiàn)在隸屬于adobe公司）第二章 認(rèn)識Dreamweaver 1、鏈接？分支？xhtml前的x表示什么？在Dreamweaver中什么鍵可實現(xiàn)預(yù)覽功能？2、重做的快捷鍵？撤銷的快捷鍵？打開時間軸的快捷鍵？目標(biāo)鏈接地址？3、在<a href=”#”>點

7、擊這里</a>中的#表示什么？4、在表格中，填充的含義是什么？間距指的是什么？答案：1、link，subject，x表示此網(wǎng)頁符合web2.0的標(biāo)準(zhǔn)，F(xiàn)122、ctrl+Y，Ctrl+Z，Alt+F9，target3、表示空鏈接（或者鏈接的地址）4、填充的含義是：內(nèi)容到邊框的值，間距（cellspacing）：指單元格間的距離。第三章 文字 超鏈接 圖片 10.22 Wednesday, October 28, 20091、單行顯示、強(qiáng)制不換行標(biāo)記？2、居中顯示標(biāo)記？段落縮進(jìn)標(biāo)記？原版顯示標(biāo)記？3、段落位置，段落居中，居左，居右？4、水平分隔線的所有屬性？5、文字格式標(biāo)記，屬性？文

8、字的附加屬性：常用的有：<b>加粗</b> 、<i>加斜</i>、<u>加下劃線</u>、<s>加刪除線</s>只需了解的有：<small>縮小</small>、<big>加大一點</big>、<strong>加強(qiáng)強(qiáng)調(diào)</strong>、<em>強(qiáng)調(diào)</em>、<address>顯示網(wǎng)址、郵件</address>、<code>顯示代碼指令</code>6、滾

9、動字幕、圖片的所有屬性代碼？答案：1、<nobr></nobr>2、居中：<center></center>段落縮進(jìn)：<blockquote></blockquote>原版顯示標(biāo)記：<pre></pre>或<xmp></xmp> <pre></pre>可解析代碼地完全顯示區(qū)別： <xmp></xmp>不可解析代碼，絕對地原版顯示3、<p align=”center/left/right”></p>4、&l

10、t;hr color=” width=” size=” align=”left/right/center” noshade="noshade"> <hr>為單標(biāo)簽，若該屬性中不設(shè)noshade,則默認(rèn)為有陰影。5、<font color=”顏色” face=”字體” size=”字號” >內(nèi)容</font>6、滾動字幕：<marquee bgcolor=”字幕顏色代碼” direction=”滾動方向（上、下、左、右：up/down/left/right）” behavior=”滾動行為（滾動、滑動、擺動：scroll/sli

11、de/alternate）”width=”寬度值” height=”高度值” srollamount=”滾動速度，值越大，速度越快” scrolldelay=”滾動延遲” hspace/vspace=”滾動對象距背景上下/左右的值” loop=”-1（滾動速度）” >滾動字幕</marquee>滾動圖片(與滾動字幕類似)<marquee bgcolor=”字幕顏色代碼” direction=”滾動方向（上、下、左、右：up/down/left/right）” behavior=”滾動行為（滾動、滑動、擺動：scroll/slide/alternate）”width=”寬

12、度值” height=”高度值” srollamount=”滾動速度，值越大，速度越快” scrolldelay=”滾動延遲” hspace/vspace=”滾動對象距背景上下/左右的值” loop=”-1（滾動速度）” >滾動圖片地址：<img src=”XX.jpg”></marquee>Friday 內(nèi)容1、寫出背景的所有屬性：（顏色、圖片 ：平鋪xy，x、y、居中、居右、居左，txet，link，alink，vlink）2、在滾動字幕中，設(shè)置鼠標(biāo)移上去停止，移開后開始的命令。3、常用特殊符號：千分號,<,>,&,",空格，錢幣

13、符號，平方，立方m³。 4、上標(biāo)，下標(biāo)5、超鏈接格式。（包括在新窗口打開/在上一級打開/在自身打開覆蓋原來的網(wǎng)頁/在整個窗口打開）。6、在相對路徑中當(dāng)前目錄和上級目錄分別用什么表示？7、外部鏈接（設(shè)置一個鏈接打開學(xué)校的服務(wù)器）（思考：若要訪問：開發(fā)15班公用/參考頁面/07.jpg直接編代碼，怎么編？）8、錨點鏈接的語法代碼？9、常用的網(wǎng)頁圖片的格式？分別支持？種色彩，分別解釋10、插入圖片的代碼？（包括圖像寬高，邊框，水平/垂直空白，文字相對于圖片基線的位置）（知識點：基線：baseline；寬，高只設(shè)一個，默認(rèn)等比例放大，縮?。蝗敉瑫r設(shè)置寬高，圖片就會變形。）11、圖片的超級鏈接

14、代碼？12、熱點區(qū)域<map></map>(<area>:shape.rectc/cricle/polyroods,href)完全的格式13、圖片的優(yōu)化：低分辨率顯示：lowsrc <img src="" lowsrc=""> 文字替代圖片：alt/tilte <img src="" alt/title="文字">14、外部超級鏈接（www型，ftp型，telnet型，news型mailto型）答案：1、<body bgcolor="#00

15、0000" background="00.jpg" style="background-repeat:no-repeat/repeat/repeat-x/repeat-y; background-position:center/left/right text="black/white/red/blue" link="" alink=''" vlink=""> 2、在<marquee>命令里面增加：onmouseover="stop()&quo

16、t; onmouseout="start()" 3、千分號；&permil; 左尖括號<：&lt; 右尖括號>：&gt; 地址符&：&amp; 引號"：&quot; 空格：&nbsp; 錢幣符號￥：&yen; 平方M2：&sup2; m³：&sup3; 4、上標(biāo)：<sup></sup>下標(biāo)：<sub></sub>5、<a href=”鏈接地址” target=” _blank/_parent/_self/_to

17、p” alt=”/title=” >6、當(dāng)前目錄：./ 上級目錄：./7、<a href=”ftp:/wish15:wish1523”>點擊到學(xué)校服務(wù)器</a>（思考題：<ahref=”ftp:/wish15:wish1523/07.jpg”>點擊這里打開07.jpg</a>）8、<a href=”#a”>錨點</a> <a name=”a”>點擊錨點后顯示的內(nèi)容 </a>9、gif：圖像交換格式，無損壓縮圖片格式，支持256種色，jpg：聯(lián)合照片專

18、家組，有損壓縮圖片格式，支持1670萬種色10、<img src=”圖片名稱.jpg” width=”值” height=”值” border=”值” hspace/vspace=” align=”top/center/middle/bottom/left/right”>11、<a href=”地址”><img src=”00.jpg” ></a><!包含圖片的所有格式：height,width,border,hspace,vspace->12、<img src=”00.jpg” usemap=”#a”><!-后面是

19、圖片的屬性-> <map name=”a”><area shape=”rect/circle/poly” coords=”對應(yīng)坐標(biāo)” href=”地址”>內(nèi)容</map>13、低分辨率：lowsrc <img src=”00.jpg” lowsrc=”00.jpg”>文字替代圖片：<img src=”00.jpg” alt/title=”內(nèi)容”>14、 “(網(wǎng)址)” “23” “ftp:/wish15:wish1523”<a href= “telnet:/.地址” &g

20、t;鏈接</a> “news:/.地址” “mailto:XXX?subject=主題&cc=抄送地址&bcc=暗送收件人&body=主題”單標(biāo)簽總結(jié)：水平分隔線：<hr>、 插入圖片標(biāo)記：<img>、換行標(biāo)記<：br/>或</br> 不換行標(biāo)記：<nobr>居中：<center>、 區(qū)域：<area>英語角：下劃線：underline簡稱u 圖像文件夾：image10.22作業(yè)：1、建立站點，管理站點。2、制作AP-DIV，漂浮的圖片或flash。其他資訊考試在人事局考試計

21、算機(jī)職稱，程序員中級，高級對工作有保障第四章 列表與表格 （所有內(nèi)容）1、有序列表（ordered list）標(biāo)記？改變序號標(biāo)記？有多少種類？指定序號標(biāo)記？列表項（list item）標(biāo)記？詳解：有序列表<ol></ol>, 改變序號標(biāo)記：type有5種（1/a/A/i /）、指定序號標(biāo)記：strat=” 列表項：<li>完整的格式為：<ol type=”1/a/A/i/” start=”X”><li></ol>2、無序列表（unordered list）標(biāo)記？更改標(biāo)記樣式？其他無序列表？詳解：無序列表<ul>

22、</ul>，更改標(biāo)記樣式：type，其他無序列表：<ul></ul><menu></menu>前兩者差不多，<lh>靠左</lh>完整的格式：<ul type=”circle/disc/square” ><li><li><li></ul>3、定義列表（definition list）標(biāo)記？定義術(shù)語（definition term）即標(biāo)題？定義說明（definition Description）即內(nèi)容詳解：定義列表：<dl></dl&g

23、t;，定義術(shù)語：<dt></dt>，定義內(nèi)容：<dd></dd>4、表格的3個標(biāo)記？ 表格的所有屬性表格邊框的屬性：（外/內(nèi)邊框粗細(xì)，文字到內(nèi)邊框的距離）？邊框顏色？表格邊框的顯示狀態(tài)（上、下、左、右、上下、左右、顯示整個、整個不顯示）表格寬、高（單位為像素px和百分比%）表格顏色？表格的水平位置（左、中、右）分隔線的顯示狀態(tài)（顯示所有、組與組、行與行、列與列、不顯示所有）詳解：3個標(biāo)記是：表格<table> 行<tr> 列<td>表格的所有屬性代碼：<table border=”外邊框粗細(xì)” sells

24、pacing=”內(nèi)邊框粗細(xì)” cellpadding=”文字到內(nèi)邊框的距離” bordercolor=”邊框顏色” frame=”above/below/lhs/rhs/hsides/vsides/box/void” width=”寬” height=”高” bgcolor=”表格顏色” align=”left/right/center” rules（分隔線）=”all/groups/rows/cols/none”><tr><td>XXX</td><td>XXX</td></tr></table>5、表格

25、行的屬性（單行高度、邊框顏色、背景顏色、單行內(nèi)文字的水平對齊方式左、中、右、單行內(nèi)的垂直位置上、中、下）詳解：表格行的屬性代碼：<tr height=”單行邊框高” bordercolor=”單行邊框顏色” bgcolor=”當(dāng)行背景顏色” align=”left/right/center” valign=”top/middle/bottom”><td>XX</td><td>XX</td></tr>6、單元格屬性（單元格的寬、邊框顏色、背景顏色、單元格內(nèi)文字的水平位置(左、中、右)/垂直位置(上、中、下)）詳解：單元格即(

26、列)屬性代碼：<td width=” bordercolor=” bgcolor=” align=”left/center/right” valign=”top/middle/bottom”>文字</td>7、 標(biāo)題標(biāo)記及屬性，表標(biāo)題標(biāo)記詳解：標(biāo)題標(biāo)記：<caption align=”top/center/bottom”></caption>表標(biāo)題標(biāo)記：<th width=”寬度”></th>8、單元格的合并（合并行/列）詳解：合并行/列:rowspan/colspan均用在<td></td>標(biāo)簽中

27、。英語角：Menu：菜單， column：列， row：行 cell：單元格， layout：布局第五章 表單與框架（重點）1、表單標(biāo)記？主要有幾個屬性？完整的格式？2、輸入元素有？包含的所有？共9個屬性全部寫出來。3、多行文本標(biāo)記？解釋wrap？4、下拉選框的所有屬性？答案：1、<form></form>主要有3個屬性：action，method，name和不常見的onsubmit 完整的格式為：<form action=”目的網(wǎng)頁” method=”post/get” name=”XXform” onsubmit=”>.</form>2、輸入

28、元素：<input >input標(biāo)記包含10個屬性： 本框：<input type=”text” value=” name=”maxlength=”最大長度” size=”x”/>密碼：<input type=”password” value=” name=” maxlength=” size=”x+1” />單選按鈕，單選框：<input type=”radio” name=”注意名字一樣” value=” checked=”checked”/>提交: <input type=”submit” name=” value=”按鈕上的字” /

29、>重置: <input type=”reset” name=” value=”按鈕上與重置有關(guān)的” />多選按鈕，復(fù)選框：<input type=”checkbox” name=” value=” checked=”checked” />按鈕: <input type=”button” name=” value=”按鈕上顯示的字” />圖片按鈕: <input type=”image” src=” name=” value=” />隱藏域: <input type=”hidden” name=”x” value=” />10、打

30、開、上傳文件<input type=”file” value=” name=” /> 實例：制作如下按鈕：要求如圖：解答：完整的代碼如下：<html><- -隱藏域的名字為hh，輸入框的名字叫aa，輸出框的名字為-><body><form><center><table width="504"> <tr> <td colspan="2" width="519" >請先在第一個框中輸入字符,點擊輸入，然后點輸出，輸出框就會顯示你剛才

31、輸?shù)淖址?lt;/td> </tr> </table> <table> <tr> <td align="right"><input type="hidden" name="hh" value="0"> <input type="button" value="輸入"onclick="hh.value=aa.value" /> </td> <td wid

32、th="58"><input size="30" name="aa" value="" /></td> </tr> <tr> <td align="right"><input type="button" value="輸出" onclick="b.value=hh.value" /> </td> <td><input size=&

33、quot;30" name="b" value="" /></td> </tr> </table> </center></form></body></html> 3、多行文本標(biāo)記：textarea其屬性為：name,cols,rows,wrap，value其完整的格式為：<textarea name=”多行文本框的名稱” cols=”列” rows=”行” wrap=”（off/virtual/physical）” value=” >默認(rèn)時顯示

34、的字</textarea>詳解：wrap:內(nèi)容超出文本右邊界時的顯示方式。wrap的值有3種：off（永久不換行）/virtual(自動換行，在提交數(shù)據(jù)的時候自動換行的地方?jīng)]有換行符)/physical（自動換行在提交數(shù)據(jù)時，換行符一起提交）4、下拉選框<select></select><select name=”選框名字” size=”x”multiple=”y”><option value=”></option><option value=” selected(=”selected”)></optio

35、n></select>詳解：x為要顯示的項目數(shù)，y為允許選擇多行、允許列表項目被多選的項數(shù)：取值范圍為：（0，+）框架frame 框架集，框式支架：framesetFrameset標(biāo)記的屬性：frameborder邊框的顯示：0：無，1：有border邊框粗細(xì)：默認(rèn)為5px，單位：px（像素）bordercolor邊框顏色：cols：rows： 均用“像素”和“百分比”分割，用“*”表示剩下的。framespacing：框架與框架間的間距noresize：設(shè)定框架不能調(diào)節(jié)，只要設(shè)定了前面，后面將繼承?！究歼^】詳解：窗口框架: <frameset></fram

36、eset>不能與body混用。水平分割：rows，eg：<frameset rows=”30%,*”><frame><frame></frameset>其中單位為px或百分比（即占總窗口的百分比）垂直分割：cols， eg:<frameset cols=”30%,*”><frame><frame></frameset>框架邊框：border=”x”，x只能以px為單位，邊框隱藏：frameborder=”0”，可設(shè)置為：”0”,”1”0”為無，”1”為有，不設(shè)則默認(rèn)為有。它也可以用在<f

37、rame>中，對單個框架有效，F(xiàn)rame標(biāo)記的屬性：Src：frame其作用是顯示網(wǎng)頁，用src設(shè)置。Scrolling=”yes/no”有/無滾動條。若不設(shè)，則默認(rèn)為“auto自動”。Name：窗口名稱。Iframe標(biāo)記屬性：Name：名字Width：寬度Height：高度Bgcolor：浮動窗口的背景顏色Align：（left/right/middle）水平對齊方式Valign：(top/middle/bottom)垂直對齊方式Scrolling：（滾動條）在這里也可以用英語角動作：action 表單，形狀：form 方法：method 水平的：horizontal 垂直的：vert

38、ical 框架（集）：frame（set）第六章 css樣式表（重點）文中“_”表示空格一、 Css概念: 全稱：Cascading style sheet（層疊樣式表）所謂樣式，就是網(wǎng)頁里顯示圖片文字的方式（文字的顏色、背景等）；層疊指當(dāng)cs定義的樣式發(fā)生沖突時，將據(jù)層的先后來處理網(wǎng)頁的內(nèi)容。 獨(dú)立網(wǎng)頁的樣式，方便批量管理。 Cs樣式用于控制頁面的顯示、頁面的布局。二、 調(diào)用css的4種方式： 嵌入式：寫在應(yīng)用樣式(即HTML標(biāo)記中)的標(biāo)簽中,格式為：<p style=”color:red” >文字</p> 或<span style=”size:XXpx _co

39、lor:XX顏色”>這是span標(biāo)記</span> 外聯(lián)（外部樣式表）：調(diào)一個外部的cs文檔，其外部鏈接寫在<head>里面。格式為：<link href=”XX.css” type=”text/css” rel=”stylesheet”> 內(nèi)聯(lián)式：把<style></style>寫在<head>標(biāo)記內(nèi)的，eg：<head><style type=”text/css”>* margin:0;Padding:0;Pbgcolor:red;font-size:20px;</style>

40、</head> 導(dǎo)入式：<style type=”text/css”>import url(XX.css);</style>區(qū)別：外聯(lián)（瀏覽時它是與網(wǎng)頁同步運(yùn)行，常用）導(dǎo)入式（與頁面一起加載，當(dāng)網(wǎng)速較慢時，可能顯示不完全HTML代碼，導(dǎo)致白屏。）外聯(lián)的優(yōu)點： 獨(dú)立于html文件，便于修改。 多個html文件可以引用一個樣式表，保持了頁面外觀的一致性。 樣式表文件只需下載一次，就可以讓其他鏈接到本樣式表的頁面使用。 瀏覽器會先顯示html的內(nèi)容，然后再根據(jù)樣式表文件進(jìn)行渲染，讓訪問者更快的看到網(wǎng)頁的內(nèi)容。三、 選擇符：（符合就近原則） HTML選擇符（標(biāo)簽選擇

41、器）：eg：p，a，img，tr，td，table，body等，其格式為：p，a，img，tr，td，table，body。 類選擇器：以“.”開頭的，用class=”調(diào)用，class可以在標(biāo)簽里可寫屬性的任何地方使用。Eg：.a .b .tr .td等 ID選擇器：以#開頭的，用id=”調(diào)用。 包含選擇器：（其優(yōu)先級高于HTML選擇符）eg：<p>XX</p>,XX在td里面，則為td p 分組選擇器：eg：p，hx，tr，td，.xx則為：p,hx,tr,td,.xx四、 通配符選擇器：*【多個對象的通用樣式】五、 單位： 相對：px ，em 絕對：pt(點數(shù)，是最

42、基本的顯示單位)，in(不是國際標(biāo)準(zhǔn)單位，少用)，(cm，mm)國際標(biāo)準(zhǔn)單位 pc:印刷（1pc=12pt）六、 顏色:命名顏色，在此定義下，只有16種顏色能被瀏覽器識別。 eg：pcolor:blue;RGB顏色每種單色的取值范圍為：0255 eg：Pcolor:rgb(0,0,0);16進(jìn)制顏色：eg：pcolor:#ff0000;七、 文本屬性：文字字體：font-family（1到多種字體名稱，用，隔開） 首行縮進(jìn)：text-indent(后跟數(shù)值，單位: px/em)水平對齊方式：text-align（left、right、center、justify分散對齊） 垂直對齊方式：ver

43、tical-align（基線：baseline、上：top、中：middle、下：bottom、上標(biāo)：super、下標(biāo)：sub） 字符間距常指字母間距：letter-spacing（跟數(shù)值；”+”為加寬，”-“為縮緊）文字間距：word-spacing; 段落行距：line-height（跟數(shù)值，px） 字體效果：font-style（正常：normal，斜體：Italic，歪斜體：oblique） 字體粗細(xì)：font-weight（正常：normal，粗：bold，更粗：bolder，更細(xì)：lighter，100-900px（100，200，300.900，數(shù)字越大字體越粗） 字體大小：fo

44、nt-size（數(shù)值，xx-small，small，medium：標(biāo)準(zhǔn)，large，x-large，xx-large）文字裝飾效果，none(正常顯示)，underline(下劃線)，overline(上劃線)，linethrough(刪除線)，blink(文字閃爍)英文大小寫轉(zhuǎn)換;text-transform【none/capitalize(每個單詞首寫字母轉(zhuǎn)換為大寫)/uppercase(全部轉(zhuǎn)換為大寫)/lowercase(全部轉(zhuǎn)換為小寫)】 關(guān)于文本屬性的具體代碼： <head> <style type=”text/css”> bodyfont-family:”

45、宋體”,X,XX,XX,sans-self;(注意你要選擇的字體為宋體，所以要引到起) .atext-indent:XXpx;text-align:left/center/left/justify;color:#XXX; .btext-decoration:none/underline/overline/linethrough/blink（閃爍）;text-transform:none/capitalize/uppercase/lowercase; .cvertical-align:baseline/top/middle/bottom/supper/sub; .dletter-spacing:

46、+XX/-XX;line-height:XXpx; .efont-style:normal(正常)/italic(斜)/oblique(歪斜);font-weight:normal/bold/bolder/lighter/(100900九級);font-size:數(shù)值/xx-small/x-small/small/medium(標(biāo)準(zhǔn))/large/x-large/xx-large </style> <body><p class=”a/b/c/d/e”> 世界你好</p> </body></head>八、 列表屬性：有3個（

47、圖像image、類型style、位置position）統(tǒng)一或者混合設(shè)置：list-style:XX_XX_XX 列表圖像符號/標(biāo)記：list-style-image:(url)或none 列表符號類型：list-style-type:(decimal：阿拉伯?dāng)?shù)字、小寫羅馬字：lower-roman、大寫羅馬字：upper-roman,小寫英文：lower-alpha,大寫英文：upper-alpha) 列表符號位置：list-style-position;(inside/outside)列表屬性cs代碼具體是： <style type=”text/css”> /*直接就是組合的寫法

48、*/ #alist-style:none/url(XX.jpg)_outside_upper-roman;color:#XXXX;/*代碼中的”;”_”分別表示不同類的屬性隔開，和相同類的隔開*/</style>九、 模塊邊框的屬性：分為3大類：margin外邊界、border邊框、padding內(nèi)邊界（邊框到內(nèi)容的距離） Border-collapse:相鄰的邊框線是否合并顯示。（separate：獨(dú)立顯示、collapse：合并顯示） Border-top-width: Border-right-width: Boder-width Border-bottom-width: 其

49、中border-width后面可跟 （邊框的寬） Border-left-width: 數(shù)值/thin(細(xì))/medium(中等)/thick(粗) Border border-top-color: （邊框?qū)挾龋?（邊框顏色） border-right-color: border-color border-bottom-color: border-left-color: （邊框線型） border-top-style: 其中邊框線型有：none/實線:solid / border-style border-bottom-style: 小點虛線:dotted/大點虛線:dashed/雙直線:do

50、uble border-left-style: 3D凹線:groove/ 3D凸線:ridge/ border-right-style: 3D陷入線:inset/ 3D突出線:outset e.g1.：#1border-width:50px;border-color:red;boeder-style:none; e.g2.： 按border-width, border-color,border-style的順序，設(shè)置屬性，中間用_隔開： #2border:5px_red_solid; 若要加其他屬性則用“；”隔開。margin后面跟數(shù)值（px），表示模塊與其他組件間的空白距離 margin-t

51、op: 上 統(tǒng)一設(shè)：margin:XXpx; margin margin-right: 右 margin:apx_bpx_cpx_dpx;則順序為：上、右、下、左（外邊界） margin-bottom:下 margin:mpx_auto;則為上下均為mpx，左右自動。 margin-left:左 padding-top: 設(shè)置與margin類似：后面跟px padding-bottom: 統(tǒng)一設(shè) Padding padding-left: 上右下左 padding-right: 上下，左右 盒子模型：content:內(nèi)容padding:內(nèi)容和邊框之間的距離(上、右、下、左)border:邊框（border-width:邊框粗細(xì)、border-color:邊框顏色、border-style:邊框樣式）margin:盒子與盒子之間的距離(兩個相鄰的盒

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論