前端開發(fā)CSS尺寸Dimension屬性允許你控制元素的高度和寬度同

CSSPreviousNextCSS尺寸(Dimension)屬性允許你控制元素的高度和寬度。同樣，它允許你增加行CSS尺寸CSS尺寸屬CSS屬描CSSPreviousNextCSS分類屬性允許你規(guī)定如何以及在何處顯示CSS分類(Classification)實(shí)例float使用具有一欄超的浮動(dòng)來創(chuàng)建水平菜單使用浮動(dòng)來創(chuàng)建擁有頁眉、頁腳、左 和主體內(nèi)容的首頁collapse（IE的瀏覽器中查看）CSS分類屬性CSS分類屬性允許你控制如何顯示元素，設(shè)置圖像顯示于另一元素中的何處，相對于其正常位置來定位屬描規(guī)定當(dāng)指向某元上時(shí)顯示的指針類型把元素放置到一個(gè)靜態(tài)的、相對的、、或固定的位置中CSS(Pseudo-PreviousNextCSS偽類用于向某些選擇器添加特殊的效CSS(Pseudo-classes)實(shí)例超本例演示如何向文檔中的超添加不同的顏色超本例演示如何向超添加其他樣式超-:focus的使本例演示如何對超應(yīng)用:focus偽類（無法在IE中工作）:first-child:lang語selectorselector:pseudo-class{property:CSSselector.classselector.class:pseudo-class{property:錨偽a:link{color:#FF0000}/* 在支持CSS的瀏覽器中，的不同狀態(tài)都可以不同的方式顯示，這些狀態(tài)包括：活動(dòng)狀態(tài)，已被a:link{color:#FF0000}/* a:visiteda:visited{color:a:hover{color:a:active{color:/* 上提示：CSS定義中，a:hovera:linka:visited之后，才是有效的。提示：在CSS定義中，a:active必須被置于a:hover之后，才是有效的。提示：偽類名稱對大小寫不敏感偽類CSSCSSaa.red:visited{color:<aclass="red"href="css_syntax.asp">CSS假如上面的例子中的被過，那么它將顯示為紅色CSS2:first-child偽:first-child偽類來選擇元素的第一個(gè)子元素。這個(gè)特定偽類很容易遭到誤解，所以有必要<p>Thesearethenecessary<li>Intert<li>Turnkey<li>Push<p>Do<em>not</em>pushthebrakeatthesametimeasthep、第一個(gè)listrong和emp:first-childp:first-child{font-weight:li:first-child{text-第一個(gè)規(guī)則將作為某元素第一個(gè)子元素的所有p元素設(shè)置為粗體。第二個(gè)規(guī)則將作為某個(gè)元素（HTMLolul元素）li元素變成大寫。請?jiān)?，來查看這個(gè):first-child實(shí)例的效果。提示：p:first-childp元素的第一個(gè)子元素。注釋：必須<!DOCTYPE>，這樣:first-child才能在IE中生效。:first-child31-匹配第一<p>元在下面的例子中，選擇器匹配作為任何元素的第一個(gè)子元素的p<stylecolor:red;}<p>some<p>some2-<p>元素中的第一個(gè)<i>元<p><i><stylep>i:first-child{}<p>some<i>text</i>.some<p>some<i>text</i>.some3-匹配所有作為第一個(gè)子<p>元素中<i>元<p><i><stylep:first-childi{}<p>some<i>text</i>.some<p>some<i>text</i>.someCSS2:lang偽:lang偽類使你有能力為不同的語言定義特殊的規(guī)則。在下面的例子中，:langno的<style{quotes:"~"}<p>文字<qlang="no">段落中 偽瀏覽器支持：IEInternetExplorer,FFirefox,NNetscapeW3C：“W3C”CSS標(biāo)準(zhǔn)定義（CSS1CSS2）偽作FN418124171將特殊的樣式添加到未被過3141將特殊的樣式添加到被過3141172182CSS元素(Pseudo-PreviousNextCSS偽元素用于將特殊的效果添加到某些選擇器CSS偽元(Pseudo-elements)實(shí)例語法

選擇器選擇器偽元素屬性值CSS選擇器選擇器類偽元素屬性值:first-line偽元"first-line"pp{font-size:p:first-line{color:#0000FF;font-variant:small-<p>Sometextthatendsupontwoormorefirst-line偽元素格式化的第一行。瀏覽器是依靠瀏覽器窗口的尺寸提示：first-line提示：first-linefontcolorbackground:first-letter偽元first-letterpp{font-size:p:first-letter{font-size:200%;float:<p>Thefirstwordsofan||he|wordsoffontcolorbackgroundmarginpaddingbordervertical-align僅當(dāng)floatnone時(shí)偽元素CSSCSS<pclass="article">文章中的一個(gè)段落。classarticle多重偽元pp{font-size:p:first-letter{color:#FF0000;font-size:p:first-line{color:<p>Thefirstwordsofan||he|wordsofan24ptCSS2:before偽元{content:}before偽元素可用于在某個(gè)元前插入某些內(nèi)容。{content:}CSS2:after偽元after偽類可用于在某個(gè)元后插入某些內(nèi)容下面的樣式會(huì)在標(biāo)題之后音頻{content:}偽元瀏覽器支持：IEInternetExplorer,FFirefox,NNetscapeW3C：“W3C”CSS標(biāo)準(zhǔn)定義（CSS1還是CSS2）偽元作FN51815181在某元前插入某些內(nèi)82在某元后插入某些內(nèi)82CSS2介類PreviousNext媒介類型(MediaTypes)允許你定義以何種媒介來提交文檔。文檔可以被顯示在顯示器、紙媒介或者媒介類CSS"voice-family"屬性被設(shè)計(jì)為針對聽覺用戶終端。其他的屬性可被用于不同的媒介。例如，"font-size"屬性可被用于顯示器以及印刷媒介，但是也許會(huì)帶serif字體更易閱讀，而在紙媒介上，serif字體更易閱讀。@media規(guī)@media14Verdana字體。但是假如頁面需要被打10Times字體。注意：font-weight@media{p.test{font-family:verdana,sans-serif;font-}@media{p.test{font-family:times,serif;font-}@media{{p.test{font-} 不同的媒介注釋：媒介類型名稱對大小寫不敏感瀏覽器支持：IEInternetExplorer,FFirefox,NNetscapeW3C：“W3C”CSS標(biāo)準(zhǔn)定義（CSS1CSS2）媒介類描用于分頁的盲人用點(diǎn)字法用于CSSPreviousNext本節(jié)列出了在CSS時(shí)盡量避免使用的技術(shù)InternetExplorer它是什么？InternetExplorer5(behaviors)。behaviorsCSSHTML為什么要避免它？InternetExplorerbehavior屬性。用什么代替？請使用JavaScript和HTMLDOM取而代之。1MouseoverHTML<style><h1><styleh1{behavior:url(behave.htc)<h1>MouseoverXML文檔<attach<attachfor="element"event="onmouseover"handler="hig_lite"<attachfor="element"event="onmouseout"handler="low_lite"<scriptfunctionfunction{}function{}behavior文件包含了針對元素的JavaScript和句柄InternetExplorer，可以親自試一下（把鼠標(biāo)放在例子中的文本上）2Typewriter下面的HTML文件中有一個(gè)<style>元素，它為id為"ty"的元素定義了一個(gè)行為<styletype="text/css">{ font-family:'couriernew';}<span"speed="100">IE5introducedDHTMLBehaviorsareawaytoaddDHTMLfunctionalitytoHTMLwiththeeaseofCSS.<br/><br/>Howdobehaviorswork?<brByByusingXMLwecanlinkbehaviorstoanyelementinawebpageandmanipulatethatelement.</p>XML文檔<attach<attachfor="window"event="onload""<methodname="type"<scriptvarfunction}function{if{}}InternetExplorer你已經(jīng)學(xué)習(xí)了CSS，下一步學(xué)習(xí)什么呢PreviousNextCSS概本已向你講解了如何創(chuàng)建樣式表來同時(shí)控制多重頁面的樣式和布局你已經(jīng)學(xué)會(huì)如何使用CSS如果需要關(guān)于CSS的信息，請參閱我們對CSS實(shí)例和CSS參考手冊你已經(jīng)學(xué)習(xí)了CSS，下一步學(xué)習(xí)