html標(biāo)簽屬性大全_第1頁(yè)
html標(biāo)簽屬性大全_第2頁(yè)
html標(biāo)簽屬性大全_第3頁(yè)
html標(biāo)簽屬性大全_第4頁(yè)
html標(biāo)簽屬性大全_第5頁(yè)
已閱讀5頁(yè),還剩21頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

1、<!>跑馬燈 <marquee>.</marquee> 普通卷動(dòng)<marquee behavior=slide>.</marquee> 滑動(dòng)<marquee behavior=scroll>.</marquee>預(yù)設(shè)卷動(dòng)<marquee behavior=alternate>.</marquee> 來(lái)回卷動(dòng)<marquee direction=down>.</marquee> 向下卷動(dòng)<marquee direction=up>.</marque

2、e>向上卷動(dòng)<marquee direction=right></marquee>向右卷動(dòng)<marquee direction= ' left ' ></marquee> 向左卷動(dòng)<marquee 100P=2>.</marquee>卷動(dòng)次數(shù)<marquee width=180>.</marquee>設(shè)定寬度<marquee height=30>.</marquee>設(shè)定高度<marquee bgcolor=FF0000>.</marq

3、uee>設(shè)定背景顏色<marquee scrollamount=30>.</marquee>設(shè)定滾動(dòng)速度<marquee scrolldelay=300>.</marquee>設(shè)定卷動(dòng)時(shí)間<marquee onmouseover="()">.</marquee>鼠標(biāo)經(jīng)過(guò)上面時(shí)停止?jié)L動(dòng)<marquee onmouseover="()">.</marquee>鼠標(biāo)離開(kāi)時(shí)開(kāi)始滾動(dòng)<!>字體效果 <h1>.</h1> 標(biāo)題字(

4、最大)<h6>.</h6> 標(biāo)題字(最?。?lt;b>.</b> 粗體字<strong>.</strong>粗體字(強(qiáng)調(diào))(同上效果略同)<i>.</i> 斜體字<em>.</em>斜體字(強(qiáng)調(diào))<dfn>.</dfn> 斜體字(表示定義)<u>.</u> 底線<ins>.</ins> 底線(表示插入文字)<strike>.</strike>橫線<s>.</s>

5、刪除線<del>.</del> 刪除線(表示刪除)<kbd>.</kbd> 鍵盤(pán)文字<tt>.</tt> 打字體<xmp>.</xmp>固定寬度字體(在文件中空白、換行、定位功能有效 )<plaintext>.</plaintext>固定寬度字體(不執(zhí)行標(biāo)記符號(hào))<listing>.</listing>固定寬度小字體<font color=00ff00>.</font>字體顏色<font size=1>.</f

6、ont>最小字體<font style =' font-size:100 px ' >.</font> 無(wú)限增大區(qū)斷標(biāo)記<hr>水平線<hr size= ' 9' >水平線(設(shè)定大?。?lt;hr width= ' 80% >水平線(設(shè)定寬度)<hr color= ' ff0000 ' >水平線(設(shè)定顏色)<br>(換行)<nobr>.</nobr> 水域(不換行)<p>.</p>水域(段落)<cent

7、er>.</center> 置中<!>連結(jié)格式<base href=位址>(預(yù)設(shè)好連結(jié)路徑)<a href= 位址></a>外部連結(jié)<a href=位址target= ' _blank ' ></a>外部連結(jié)(另開(kāi)新視窗)<a href= 位址target= ' _top ' ></a>外部連結(jié)(全視窗連結(jié))<a href=位址target='頁(yè)框名></a>外部連結(jié)(在指定頁(yè)框連結(jié))<!>貼圖/音樂(lè)<

8、;img src= 圖片位址>貼圖<img src= 圖片位址width= 180 >設(shè)定圖片寬度<img src= 圖片位址height= 30 >設(shè)定圖片高度<img src= 圖片位址 alt= 提示文字>設(shè)定圖片提示文字<img src= 圖片位址 border= 1 >設(shè)定圖片邊框<bgsound src=MID 音樂(lè)檔位址>背景音樂(lè)設(shè)定<!>表格語(yǔ)法<table aling=left>.</table>表格位置 , 置左<table aling=center>.<

9、/table>表格位置 , 置中<table background=圖片路徑>.</table> 背景圖片的URL僦是路徑網(wǎng)址<table border= 邊框大小>.</table>設(shè)定表格邊框大小 ( 使用數(shù)字 )<table bgcolor= 顏色碼>.</table>設(shè)定表格的背景顏色<table borderclor= 顏色碼>.</table>設(shè)定表格邊框的顏色<table borderclordark= 顏色碼 >.</table> 設(shè)定表格暗邊框的顏色&

10、lt;table borderclorlight= 顏色碼>.</table>設(shè)定表格亮邊框的顏色<table cellpadding=參數(shù)>.</table>指定內(nèi)容與格線之間的間距( 使用數(shù)字)<table cellspacing=參數(shù)>.</table>指定格線與格線之間的距離( 使用數(shù)字)<table cols= 參數(shù)>.</table>指定表格的欄數(shù)<table frame=參數(shù) >.</table>設(shè)定表格外框線的顯示方式<table width=寬度 >.

11、</table>指定表格的寬度大?。?使用數(shù)字)<table height= 高度>.</table>指定表格的高度大小 (使用數(shù)字 )<td colspan=參數(shù)>.</td> 指定儲(chǔ)存格合并欄的欄數(shù)( 使用數(shù)字)<td rowspan=參數(shù)>.</td> 指定儲(chǔ)存格合并列的列數(shù)( 使用數(shù)字)分割視窗<frameset cols="20%,*"> 左右分割, 將左邊框架分割大小為20%右邊框架的大小瀏覽器會(huì)自動(dòng)調(diào)整<frameset rows="20%,*&qu

12、ot;> 上下分割, 將上面框架分割大小為20%下面框架的大小瀏覽器會(huì)自動(dòng)調(diào)整<frameset cols="20%,*"> 分割左右兩個(gè)框架<frameset cols="20%,*,20%"> 分割左中右三個(gè)框架<分割上下兩個(gè)框架<frameset rows="20%,*,20%"> 分割上中下三個(gè)框架屬性:cols 垂直切割窗口(如左右分割兩個(gè)窗口)接受整數(shù)值,百分?jǐn)?shù), *(*代表占用余下空間)數(shù)值的個(gè)數(shù)代表分成的部分?jǐn)?shù)目, 要以逗號(hào)分隔。 例: cols="30,*,5

13、0%" 可以 切成三個(gè)視窗,第一部分是30 像素( pixels )為絕對(duì)分割,第二部分是當(dāng)分配完第一和第三視圖后剩下的空間,第三部分則占整個(gè)窗口的 50%寬度,為相對(duì)分割。rows 就是橫向切割,將窗口上下分開(kāi),數(shù)值設(shè)置同上。以上兩屬性盡量不要在同一個(gè)<frameset> 標(biāo)記中, 因?yàn)橥蹙?netscape )不支持, 盡量采用多重分割。frameborder 設(shè)置框架的邊框,其值有0 不要邊框, 1 要邊框。border 設(shè)置框架邊框厚度f(wàn)ramespacing 表示框架與框架間保留空白的距離frame 元素(單標(biāo)簽)語(yǔ)法格式:<frame name=&qu

14、ot;" src="url" scrolling="yes/no" noresize>屬性:name 框架名稱,指定框架來(lái)做連接的目標(biāo)窗口。src 框架中要顯示的網(wǎng)頁(yè)文當(dāng) url 地址,每個(gè)個(gè)框架要對(duì)應(yīng)一個(gè)html 文擋。scrolling 是否顯示滾動(dòng)條, yes/no,auto 是自動(dòng)。noresize 設(shè)置不讓使用者改變這個(gè)框架的大小,noframe 元素指定當(dāng)使用了框架的頁(yè)面在不支持框架的瀏覽器中打開(kāi)時(shí)顯示的信息語(yǔ)法格式:<noframe></noframe>表單 <form></form

15、>語(yǔ)法格式:<form action="url" method="get/post"><input type=submit><input type=reset></form>method 有兩種提交方式get,postaction 是指明處理該表單的程序位置,這樣表單所填的資料才能傳給cgi 做處里,可設(shè)定此參數(shù)為 action="" 這樣此表單所填的資料將會(huì)發(fā)送到這個(gè)郵箱地址。method 是指?jìng)魉托畔⒔ocgi 等網(wǎng)絡(luò)程序的方式。可選 post 方法, get 方法, post

16、方法容許傳送大量信息。 get 方法只接受低于1k 的信息。申請(qǐng)表單用的是post 搜索引擎用的是get< ! - - . - -> 注解< A HREF TARGET才旨定超連結(jié)的分割視窗< A HREF=#名稱 > 指定錨名稱的超連結(jié)<A HREF>指定超連結(jié)<A NAME錨的名稱 > 被連結(jié)點(diǎn)的名稱<ADDRESS>.</ADDRESS>用來(lái)顯示電子郵箱地址<B> 粗體字<BASE TARGET才旨定超連結(jié)的分割視窗<BASEFONT SIZE>更改預(yù)設(shè)字形大小<BGSOUN

17、D SRC>入背景音樂(lè)<BIG> 顯示大字體<BLINK>閃爍的文字 <BODY TEXT LINK VLINK> 設(shè)定文字顏色<BODY>顯示本文<BR>換行<CAPTION ALIGN>設(shè)定表格標(biāo)題位置<CAPTION>.</CAPTION> 為表格加上標(biāo)題<CENTER狗中對(duì)齊<CITE>.<CITE> 用於引經(jīng)據(jù)典的文字<CODE>.</CODE>用於列出一段程式碼<COMMENT>.</COMMENT> 上

18、注解<DD>設(shè)定定義列表的項(xiàng)目解說(shuō)<DFN>.</DFN> 顯示"定義"文字<DIR>.</DIR>列表文字標(biāo)簽<DL>.</DL> 設(shè)定定義列表的標(biāo)簽<DT>設(shè)定定義列表的項(xiàng)目<EM>強(qiáng)調(diào)之用<FONT FACE"意指定所用的字形<FONT SIZE>設(shè)定字體大小<FORM ACTION毅定戶動(dòng)式表單的處理方式<FORM METHOD>定戶動(dòng)式表單之資料傳送方式<FRame MARGINHEIGHT>定視窗的

19、上下邊界<FRame MARGINWIDTH>定視窗的左右邊界<FRame NAME冽分害U視窗命名<FRame NORESIZE漱住分害U視窗的大小<FRame SCROLLING毅定分割視窗的卷軸<FRame SRC>將HTM制力口入視窗<FRameSET COLS>各視窗分割成左右的子視窗<FRameSET ROWS>視窗分割成上下的子視窗<FRameSET>.</FRameSET> 劃分分割視窗<H1><H6>設(shè)定文字大小<HEAD>標(biāo)示文件資訊<HR&g

20、t;加上分格線<HTML>文件的開(kāi)始與結(jié)束<I>斜體字<IMG ALIGN>調(diào)整圖形影像的位置<IMG ALT>為你的圖形影像加注<IMG DYNSRC LOOP加入影片<IMG HEIGHT WIDTH>插入圖片并預(yù)設(shè)圖形大小<IMG HSPACEf入圖片并預(yù)設(shè)圖形的左右邊界<IMG LOWSRC頻載圖片功能<IMG SRC BORDER沒(méi)定圖片邊界<IMG SRC>插入圖片<IMG VSPACE>插入圖片并預(yù)設(shè)圖形的上下邊界<INPUT TYPE NAME value>在

21、表單中力口入輸入欄位<ISINDEX>定義查詢用表單<KBD>.</KBD>表示使用者輸入文字<LI TYPE>.</LI>列表的項(xiàng)目(可指定符號(hào))<MARQUEE跑馬燈效果<MENU>.</MENU>條歹U文字標(biāo)簽<meta NAME="REFRESH" CONTENT URL跑動(dòng)更新文件內(nèi)容<MULTIPLE>可同時(shí)選擇多項(xiàng)的列表欄<NOFRame癥義不出現(xiàn)分割視窗的文字<OL>.</OL> 有序號(hào)的列表<OPTION>定

22、義表單中列表欄的項(xiàng)目<P ALIGN>設(shè)定對(duì)齊方向<P>分段<PERSON>.</PERSON>顯示人名<PRE>使用原有排列<SAMP>.</SAMP> 用於引用字<select >.</select >在表單中定義列表欄<SMALL>顯示小字體<STRIKE>文字力口橫線STRONGS於力口強(qiáng)語(yǔ)氣<SUB>下標(biāo)字<SUP>上標(biāo)字<TABLE BORDER=n調(diào)整表格的寬線高度<TABLE CELLPADDING調(diào)整資料欄位之

23、邊界<TABLE CELLSPACING調(diào)整表格線的寬度<TABLE HEIGHT調(diào)整表格的高度<TABLE WIDTH>調(diào)整表格的寬度<TABLE>.</TABLE>產(chǎn)生表格的標(biāo)簽< TD ALIGN>調(diào)整表格欄位之左右對(duì)齊< TD BGCOLOR段定表格欄位之背景顏色< TD COLSPAN ROWSPAN>& 欄位的合并< TD NOWRAP沒(méi)定表格欄位不換行< TD VALIGN>調(diào)整表格欄位之上下對(duì)齊< TD WIDTH>調(diào)整表格欄位寬度<TD>.</

24、TD> 定義表格的資料欄位<TEXTAREA NAME ROWS COLS單中加入多少列的文字輸入欄<TEXTAREA WRAP決定文字輸入欄是自動(dòng)否換行<TH>.</TH> 定義表格的標(biāo)頭欄位<TITLE> 文件標(biāo)題<TR>.</TR> 定義表格美一行<TT> 打字機(jī)字體<U> 文字加底線<UL TYPE>.</UL> 無(wú)序號(hào)的列表( 可指定符號(hào) )<var>.</var>用於顯示變數(shù)BlockQuotc 文本縮進(jìn)表示顏色的有三種方式;1, 1

25、6進(jìn)制顏色代碼語(yǔ)法: #RRGGBB例: <font color="#ff0000"> 紅色 </font>2, 10進(jìn)制RG刎語(yǔ)法:RGB( RRR, GGG, BBB)例: <font color="rgb(255,000,000)"> 紅色 </font>3, 直接用顏色的英文名稱例: <font color="red"> 紅色 </font><body></body> 屬性可分為三種:1,背景屬性包括:bgcolor,backgro

26、und2, 文字屬性:包括:text,link,alink,vlink,3, 留白屬性:其中分為:leftmargin,topmargin.bgcolor 背景色語(yǔ)法格式:<body bgcolor="#ff0000">.background 背景圖案。語(yǔ)法格式: <body background="url">.text 文本顏色(非連接文字顏色).link 連接文字顏色(可連接文字顏色).alink 活動(dòng)連接文字顏色(正被點(diǎn)擊的可連接文字的顏色).vlink 已訪問(wèn)連接文字顏色) (已經(jīng)點(diǎn)擊訪問(wèn)過(guò)的可連接文字的顏色)語(yǔ)法格式:

27、<body text="color" link="color" alink="color" vlink="color">.leftmargin 頁(yè)面左側(cè)的留白距離.topmargin 頁(yè)面頂部的留白距離語(yǔ)法格式: <body leftmargin="value" topmargin="value">注: value 為長(zhǎng)度值為數(shù)字align 屬性語(yǔ)法: <h2 align="?"> 文字 </h2>其屬性有三

28、種: left 靠左 ,center 居中 ,right 靠右p</p>為段落標(biāo)記,可利用以上屬性對(duì)整個(gè)段落進(jìn)行設(shè)置 br> 為換行標(biāo)記<nobr></nobr> 為不換行標(biāo)記放在文字兩邊即可例: <body><h3>江南逢李龜年</h3><p>歧王宅里尋常見(jiàn)<br>催九堂前幾度聞<br>正是江南好風(fēng)景<br>落花時(shí)節(jié)又逢君</p></body>預(yù)格式化:<pre></pre> 瀏覽是效果和編寫(xiě)是效果格式一樣列表1 無(wú)序列

29、表又稱符號(hào)列表 語(yǔ)法格式:<ul type="">type 的屬性可選直 disc實(shí)心圓點(diǎn),clrcle 空心圓點(diǎn),square 實(shí)心方框<li> 文字 </li><li> 文字 </li></ul>2有序列表語(yǔ)法格式:<ol type="?" start"?"><li> 文字 </li><li> 文字 </li></ol>type的值是編號(hào)字符可選的有1.,a.,A.,i. ,I.start

30、為起始值例:如果 start為3是那么將從3開(kāi)始,而且必須是數(shù)字。3定義列表<dl>定義列表標(biāo)記<dt>標(biāo)示定義條目<dd>標(biāo)示定義內(nèi)容語(yǔ)法格式:<dl><dt> 文字 </dt><dd>文字內(nèi)容</dd></dl>連接和圖像語(yǔ)法格式:<a href="url" name="?" target="?" title="?">.</a>屬性:href連接目標(biāo)值可以是url地址也可以是連接錨

31、點(diǎn)<a href="url">.</a> 或者<a href="錨點(diǎn)">.</a>name 連接名稱語(yǔ)法格式: <a name=" 錨點(diǎn)名稱">.</a>例: <a name="abcdcf">.</a>連接到該錨點(diǎn)的連接則應(yīng)是:<a name="#abcdef"></a>target 目標(biāo)窗口語(yǔ)法格式:<a href="url"target=&quo

32、t;_blank|_self|_farent|_top|windowname"></a>-blank 打開(kāi)新窗口_self 當(dāng)前窗口打開(kāi)一下兩個(gè)僅在框架葉面中應(yīng)用_parent 當(dāng)前窗口的父級(jí)窗口(上一級(jí))打開(kāi)_top 在最高一級(jí)的窗口打開(kāi)windowname已命名的窗口或框架中打開(kāi)連接title 連接提示<a href="" title=" 打開(kāi)狂人部落的首頁(yè)"> 狂人部落 </a>圖像 <img> 語(yǔ)法格式:<img src="url" alt="?&

33、quot; width="?" height="?" border="?" align="?">border 屬性定義圖片邊框的寬度,默認(rèn)值為 0align 屬性設(shè)置圖片旁邊文字的位置語(yǔ)法格式: <img src="" align"">可選值有:top 圖片和文字頂部對(duì)齊middle 圖片和文字居中對(duì)齊bottom 圖片和文字底邊對(duì)齊(默認(rèn))left 圖片居左對(duì)齊,文字沿圖片繞排right 圖片居右對(duì)齊,文字沿圖片繞排absmiddle 圖片對(duì)齊到目前文字行

34、絕對(duì)中央absbottom 圖片對(duì)齊到目前文字行絕對(duì)底部文字的排版不換行空白標(biāo)記font 元素語(yǔ)法格式:<font face=" 字體名稱 " size=" 字體大小 " color=" 字體顏色 ">字體大小可選值為17,默認(rèn)為3例: font face=" 黑體 " size="4" color="#ff00ff"></font>水平線 <hr>語(yǔ)法格式: <hr width=" 寬度 " align=&

35、quot; 對(duì)齊方式默認(rèn)居中 center" size=" 水平線厚度默認(rèn)為 2" color=" 顏色 " noshade>noshade 無(wú)陰影,既實(shí)線層 div><span> 兩種元素<div>是塊級(jí)元素,和段落元素 中>相似,不同的是兩個(gè)<div>元素之間不會(huì)產(chǎn)生兩個(gè)<p>元素之間的空行,<span>是行內(nèi)元素,可以定義段落中部分文字的屬性語(yǔ)法格式:<div align="" style="">.</d

36、iv>align 設(shè)置層中元素的水平對(duì)齊方式stule 設(shè)置元素應(yīng)用 css 規(guī)范的屬性<div>兼容性比<span>要好一點(diǎn),最好使用<div>表格語(yǔ)法格式:<table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""><tr>.<td></td></tr></tabl

37、e>border 邊框?qū)挾饶J(rèn)值為0,既沒(méi)有邊框cellspacing 表格中單元格的邊距大小,默認(rèn)值為兩個(gè)像素cellpadding 表格中單元格之間的間距大小,默認(rèn)值為兩個(gè)像素tr 元素語(yǔ)法格式:<tr align="" bgcolor=""></tr>align 屬性對(duì)齊方式可選值如下: left,center,tight, 默認(rèn)為 left bgcolor 指定該行的背景顏色td 元素語(yǔ)法格式:<td width=" 寬 度 " height=" 高 度 " align=

38、" 水 平對(duì) 齊 方 式 " valign=" 垂直 對(duì) 齊 方式 " bgcolor="" background="" rowspan=" 單 元 格 的 行 跨 度 " colapan=" 單 元 格 的 列 跨 度 "></td>align 屬性的可選值有: left,center,rightvalign 屬性的可選值有: top,middle,bottomrowspan 和 colapan 跨行和跨列的數(shù)量,默認(rèn)為 1input 元素 語(yǔ)法格式:&l

39、t;input type="">type 屬性的可選值有:text 單行文本框?qū)傩裕?name 文本框名稱value 文本框的初始值size 文本框的長(zhǎng)度maxlength 可輸入字符串最大的長(zhǎng)度radio 單選框?qū)傩裕?name 單選框名稱value 內(nèi)部值checked 默認(rèn)選定checkbox 復(fù)選框?qū)傩裕?name 復(fù)選框名稱value 內(nèi)部值checked 默認(rèn)選定reset 重置按鈕submit 確定按鈕屬性: name 按鈕名稱value 顯示在按鈕上的文字password 密碼框?qū)傩耘c文本框的屬性完全相同file 文件域?qū)傩裕簄ame文件域名稱size

40、 文件域的長(zhǎng)度maxlength 文件域可接受的字符數(shù)量的上限hidden 隱藏域?qū)傩裕?name 隱藏域名稱value 內(nèi)定值image 圖片域或其他 .屬性:name 所要代表的按鈕,可以是submit,reset,src 按鈕圖片的 url 地址列表框<select>語(yǔ)法格式:<select><option></option></select>select 元素語(yǔ)法格式: <select name="" size=""multiple></select>name 指

41、定列表框的名字size 指定列表框顯示列表項(xiàng)的條數(shù),如果指定了該參數(shù), select 元素是個(gè)列表,否則是一個(gè)下拉列表框multiple 指定了這個(gè)參數(shù),則表示該列表框可選擇多項(xiàng),否則只可選擇一項(xiàng)option 屬性語(yǔ)法格式: <option value="" selected></option>value 該列表項(xiàng)的值selected 如果設(shè)定了這個(gè)參數(shù),默認(rèn)為選定這一項(xiàng)多行文本框<textarea><textarea name="" cols="" rows="" wra

42、p="off/physical/virtual"></textarea>屬性:name文本框的名稱cols 文本框的寬度rows 文本框的高度wrap 文本框的折行方式可選值有:off 不保存換行信息physical 強(qiáng)迫瀏覽器在發(fā)送信息到 web 服務(wù)器端時(shí)必須將多行文本框的文字一行一行的送出,virtual 送出連續(xù)成串的字除非使用者按回車。css 層疊樣式表引入層疊樣式表的方法包括:外聯(lián)式樣式表例: <head><link rel="stylesheet" href="/css/">&l

43、t;/head> <body></body> </html>屬性: rel 用來(lái)說(shuō)明 <link> 元素在這里要完成的任務(wù)是連接一個(gè)獨(dú)立的 css 文件。而 href屬性給出了所要連接css 文件的 url 地址內(nèi)嵌式樣式表:例: <html><head><style type="text/css"><!-tdfont:9pt;color:red.font105font:;color:blue-></style></head><body>

44、</body></html>元素內(nèi)定格式: <p style="font-size:">導(dǎo)入式樣式表 html><head><style type="text/css"><!-import url(css/;-><body></body></html>css 的優(yōu)先級(jí)越接近目標(biāo)的樣式定義優(yōu)先級(jí)越高, 高優(yōu)先級(jí)樣式將繼承低優(yōu)先級(jí)樣式的未重疊定義但覆蓋重疊的定義如果 4 種樣式表對(duì)同一元素定義了不同的樣式, 那么他們的優(yōu)先級(jí)順序從高到低是, 元素

45、內(nèi)定,內(nèi)嵌樣式表,導(dǎo)入樣式表,外聯(lián)樣式表。css 結(jié)構(gòu)例: tdfont-size:;color:#666666css 樣式包含兩個(gè)基礎(chǔ)部分,選擇符 <td> 和聲明 font-size:;color:#666666聲明也有兩部分組成:屬性 font-size,color 和值 ,#666666選擇符分為 6 種1 元素選擇符當(dāng)頁(yè)面上多個(gè)元素的樣式相同時(shí),可以將多個(gè)元素放在一起定義,中間以逗號(hào)分開(kāi)例:td,p,li,input,selectfont-size:12px;2class( 類)選擇符例: head><title></title><st

46、yle type="text/css"><!-.redfont-size:;color:#ff0000-></head> <body bgcolor="#ffffff'><p class="red">士大夫井岡山地方官</p><p>九連環(huán)離開(kāi)計(jì)劃</p></body>還有一種方法就是限定可以應(yīng)用它的頁(yè)面元素例:< head><title>.</title><style type="te

47、xt/css"><!color:#ffOOOO></style></head><body bgcolor="#ffffff'><p class="red">士大夫井岡山地方官</p><h1 class="red">九連環(huán)離開(kāi)計(jì)劃</h1></body>3 id選擇符與class選擇附類似,只是把換成#例:<body><head><style type="text/css&qu

48、ot;><!#selectfont-size:18px;color:#0000ff</style></head> <body><table width="250" border="1" height="50"><tr><td align="center" id="select">id選擇符 </td></tr></table></body></html>

49、我們看到在調(diào)用ID選擇附時(shí)與CLASSI擇附類似,只是將 class=""換成了 id="” ,方便頁(yè)面腳本語(yǔ)言的調(diào)用關(guān)聯(lián)選擇符<body><head><style type="text/css"><!td pfont-size: 18px;color:#0000ff></style></head><body><table width="250" border="1" height="50">

50、;<tr><td align="center"><p>關(guān)聯(lián)選擇符 </p></td></tr></table><p>關(guān)聯(lián)選擇符</p></body> </html>我們?cè)O(shè)定了在元素中<td>的元素<p>所包含文字的樣式,只有在兩個(gè)條件都滿足是,樣式在會(huì)起作用,偽類選擇符是只能用在css選擇符里,而不能用在 html代碼中的選擇符例:<html><head><style type="

51、text/css"><!a:linkcolor:#000000a:visitedcolor:#cccccca:hovercolor:#ffOOOOa:activecolor:#ooooff</style></head> <body> <p><a href="#"> 關(guān)聯(lián)選擇符 </a><p> <p><a href="#"> 關(guān)聯(lián)選擇符 </a><p> <p><a href="

52、#"> 關(guān)聯(lián)選擇符 </a><p><p><a href="#"> 關(guān)聯(lián)選擇符 </a><p></body>否則會(huì)引起頁(yè)面上連接顏色混亂正確的順序是 a:linka:visiteda:hover偽元素選擇符與偽類選擇符定義類似, 目前被大多數(shù)瀏覽器支持的有兩個(gè): 首行偽元素( first-line )和首字符偽元素(first-letter) 是用來(lái)實(shí)現(xiàn)首行大寫(xiě)和首行下沉效果的例:首行<html><head><style><!-p:fi

53、rst-linecolor:red;font-size:20pt-></style></hesd><body><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf.</p></body></html>長(zhǎng)度隨瀏覽器窗口大小而改變首字<html><head><style><!-p:first-lettercolor:red;font-size:50pt;float:left;-></style></hes

54、d><body><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf.</p></body> </html>以上兩種都只能應(yīng)用于塊狀元素上css規(guī)則1,繼承例:<html><head><style type="text/css"><!-tdfont-size:12ptpcolor:red-></style></hesd><body><table width="300" border="1" height="150"><tr><td align="center"><p>css 規(guī)貝U </p></td></table></body></html><p>為最高級(jí)<td>次一級(jí)兩種css用在一個(gè)屬性元素上,相同的覆蓋,不同的繼承,2 .組合例:tdfont-size:12ptp1font-size:12

溫馨提示

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

評(píng)論

0/150

提交評(píng)論