新聞資訊
記錄首創點滴進步 見(jiàn)證遠(yuǎn)行(xí₽​€ng)
我們一(yī)直緊跟時(shí)代前沿,聚焦行(xíng)業(yè)實時≠φ (shí)動态,發布公司最新資訊,歡迎您的(de)關注
您目前的(de)位置:網站(zhàn)首頁 > 新聞資訊 > 網站(zhàn)常識 >

6.16日(rì)音(yīn)訊,css樣式‌"表之縮寫技(jì)巧

發布日(rì)期:2013-06-16文(wén)章(zhāng)來(lái)源:首創網絡浏覽次數(shù):743次
    6.16日(rì)音(yīn)訊,css樣式表之縮✔•✔寫技(jì)巧。在現(xiàn)實的(de)λ©→↑網頁制(zhì)作(zuò)中,樣式表的(de)大(dà)小(xiǎo≠€δ↑)也(yě)是(shì)衡量一(yī)個(gè)網頁打開(kāi≠≥)快(kuài)慢(màn)的(de)因素和(hé)是(shì)否受用$​™(yòng)戶喜歡的(de)一(yī)個(gè)↓↔标準,這(zhè)就(jiù)使我們在實際制(zhì)作(zuò)中,要(yà₹↕₩o)盡量的(de)減少(shǎo)它的(de)占用(y$★±òng)空(kōng)間(jiān),這(z∑ ≠hè)就(jiù)不(bù)是(shì)不(bù)說(s∑λ↕huō)下(xià)css縮寫的(de)重要(yào)...σ♥...
    本文(wén)關鍵字:6.16日(rì),音(yīn)訊,c∞★ss,樣式,表之,縮寫,技(jì)巧,6.16日(rì),
   6.16日(rì)音(yīn)訊,css樣式表之縮寫技(j§₽→&ì)巧。在現(xiàn)實的(de)網頁制(zhì)作('♥zuò)中,樣式表的(de)大(dà)小(xiǎo)β←也(yě)是(shì)衡量一(yī)個(gè)網頁打開  (kāi)快(kuài)慢(màn)的(de)因素和(hé)是(shì)↔↑±♥否受用(yòng)戶喜歡的(de)一(yī)個π₩↓✘(gè)标準,這(zhè)就(jiù)使我們在實₽¶≤₽際制(zhì)作(zuò)中,要(yào)盡量的(←≠de)減少(shǎo)它的(de)占用(≠πyòng)空(kōng)間(jiān),這(zhè)就€ (jiù)不(bù)是(shì)不(bù)說(shuō)下(xi$☆α©à)css縮寫的(de)重要(yào)性了​•(le)。使用(yòng)縮寫可(kě)以幫助減 ♦≠•少(shǎo)你(nǐ)CSS文(wén)件(jiàn)的(de)大(☆∑©dà)小(xiǎo),更加容易閱讀(dú),css縮寫的(de)主要(yào)>→£ε規則如(rú)下(xià):
 
  顔色
  16進制(zhì)的(de)色彩值,如(rú)果每兩位的(→←πβde)值相(xiàng)同,可(kě)以縮寫一(yī)半,例如¶$(rú):
  #000000可(kě)以縮寫為(wèi)®★#000;#336699可(kě)以縮寫為(wèi)#369;
  注意:在同一(yī)個(gè)CSS配置節中φ‌,不(bù)要(yào)交錯(cuò)使用​δ™↓(yòng)全寫和(hé)縮寫的(de)顔色$¥配置,在系統資源極低(dī)時(shí),會(huì™↑∑​)導緻浏覽器(qì)渲染失敗。
  盒尺寸
  通(tōng)常有(yǒu)下(xià)←×‌←面四種書(shū)寫方法:
  property:value1;表示所有(yǒu)邊都(dōu)是α§α'(shì)一(yī)個(gè)值value1;
  property:value1value2;表示top∑αβΩ和(hé)bottom的(de)值是(shì)value1←$,right和(hé)left的(de)值是(shì)value2
  property:value1value2value3;表示top£™的(de)值是(shì)value1,right和(hé)l↑φαeft的(de)值是(shì)value2,bottom的(de)值是(sα←hì)value3
  property:value1value2value3val‍Ωue4;四個(gè)值依次表示top,right,bot←‍tom,left
  方便的(de)記憶方法是(shì)順時('Ωshí)針,上(shàng)右下(xià)左。具體(tǐ)應®>用(yòng)在margin和(hé)pad×≠ding的(de)例子(zǐ)如(rú)下(xià):
  margin:1em02em0.5em‌§≈Ω;
  邊框(border)
  邊框的(de)屬性如(rú)下(xià):
  border-width:1px;
  border-style:solid;
  border-color:#000;
  可(kě)以縮寫為(wèi)一(y ‌•ī)句:border:1pxsolid#000∞₩•;
  語法是(shì)border:widthstyle©↑∏σcolor;
  背景(Backgrounds)
  背景的(de)屬性如(rú)下(xià)'¶:
  background-color:#f00;
  background-image:url(bγ★γackground.gif);
  background-repeat:nδ≈o-repeat;
  background-attachment:fixed;
  background-position:00;
  可(kě)以縮寫為(wèi)一(yī)句:background:#f00"♠url(background.gif)no-r✔Ω×₩epeatfixed00;
  語法是(shì)background:colorimagerep≤αeatattachmentposition;
  你(nǐ)可(kě)以省略其中一(yī)個(gè)或多(duō)個(gè±→γ★)屬性值,如(rú)果省略,該屬性值将用(yòng)浏覽器(q↑↓±ì)默認值,默認值為(wèi):
  color:transparent
  image:none
  repeat:repeat
  attachment:scroll'♥¥®
  position:0%0%
  字體(tǐ)(fonts)
  字體(tǐ)的(de)屬性如(rú)下(xασ ≥ià):
  font-style:italic;
  font-variant:small-ca€ε≥ps;
  font-weight:bold;
  font-size:1em;
  line-height:140%;
  font-family:"LucidaGra‌≥≈nde",sans-serif;
  可(kě)以縮寫為(wèi)一(yī)句:font:iπ•®talicsmall-capsbold1em/140%"Lucida£↕εGrande",sans-ser☆>if;
  注意,如(rú)果你(nǐ)縮寫字體(tǐ)定≤♣義,至少(shǎo)要(yào)定義font-s♦¶ize和(hé)font-family兩個£'☆σ(gè)值。
  列表(lists)
  取消默認的(de)圓點和(hé)序号可(kě)以≤¶$±這(zhè)樣寫list-style:none;,
  list的(de)屬性如(rú)下↔"↑&(xià):
  list-style-type:square;
  list-style-position:insi♣ ‍εde;
  list-style-image:url(i∞¥γ€mage.gif);
  可(kě)以縮寫為(wèi)一(yī)句:list-style:squ∞♥✔areinsideurl(image.gif);
  在實際制(zhì)作(zuò)當中,我們也(yě)要✔ε✘(yào)根據現(xiàn)實的(de)情況,做(zuò)到(dào) ≥ 能(néng)簡則簡,樣式能(néng)通(tōng)↑✔用(yòng)就(jiù)通(tōng)用(yòng),把它的(de)代碼做(♣→zuò)到(dào)最簡化(huà),體(tǐ)積占用(λ±yòng)最小(xiǎo)化(huà),隻有(yǒu)我們不(b♥↕&ù)怕麻煩、仔細、認真才能(néng)做(zuò)>≤↔™出好(hǎo)的(de)效果和(hé)功能(néng),也(yě)能♣© (néng)在實際制(zhì)作(zuò)中,舉一(​€δyī)反三,做(zuò)好(hǎo)特色,做(zuò)好(hǎo)好•®(hǎo)的(de)功能(néng)和(hé)效果。
    本文(wén)由邯鄲網絡公司首創網絡整理(lǐ)編輯發布,請(qǐn↕☆∞γg)勿轉載、複制(zhì)、摘抄等!

+ 查看(kàn)更多(duō)我們的(de)客戶 / Our client

0310-4559740
400-990-1661
    24小(xiǎo)時(shí)報(bào)務熱(rè)線
    18931045623
在線客服
首創網絡邯鄲公司
邯鄲公司
電(diàn)話(huà):0310-4559740 ✔¥>₩/ 18931045623  地(dì)址:邯∑↔ε鄲市(shì)叢台區(qū)頤高(gāo)廣場(chǎn↑>& g)B座13層1304室