IT技(ji)術互(hu)動(dong)交流(liu)平(ping)jiao)/h4>

首頁 > 網頁設計 > HTML/CSS > 正文(wen)

大发10分彩官网

作者︰wy  發布(bu)日期︰2020-02-25 23:08:00
    又到了我們網站的(de)相關資訊匯總(zong)篇,可看可收藏(cang)可分(fen)享,是一篇人人都可看人人都可以收藏(cang)人人都可以分(fen)享的(de)文(wen)章,這(zhe)篇文(wen)章的(de)主要內(na)容是關于常用(yong)的(de)CSS縮寫(xie)的(de)語(yu)法匯總(zong)大集(ji)合,其效益即(ji)具有實用(yong)性還具有效率性,是不(bu)可多得的(de)好(hao)文(wen)章。

        使用(yong)縮寫(xie)可以幫助減少你CSS文(wen)件的(de)大小(xiao),更加容易閱讀(du)。css縮寫(xie)的(de)主要規則(ze)如下(xia)︰
  顏色(se)

  16進制的(de)色(se)彩shou)擔 綣mei)兩位的(de)值相同(tong),可以縮寫(xie)一半,例如︰

  #000000可以縮寫(xie)為#000;#336699可以縮寫(xie)為#369;

  盒尺寸

  通常有下(xia)面四種(zhong)書寫(xie)方法:

  property:value1; 表示所(suo)有邊都是一個值value1;

  property:value1 value2; 表示top和bottom的(de)值是value1,right和left的(de)值是value2

  property:value1 value2 value3; 表示top的(de)值是value1,right和left的(de)值是value2,bottom的(de)值是value3

  property:value1 value2 value3 value4; 四個值依次表示top,right,bottom,left

  方便的(de)記(ji)憶方法是順時(shi)針,上右下(xia)左(zuo)。具體應用(yong)在margin和padding的(de)例子如下(xia)︰

  margin:1em 0 2em 0.5em;

  邊框(border)

  邊框的(de)屬性如下(xia)︰

  border-width:1px;

  border-style:solid;

  border-color:#000;

  可以縮寫(xie)為一句︰border:1px solid #000;

  語(yu)法是border:width style color;

縮寫(xie)語(yu)法

  背景(jing)(Backgrounds)

  背景(jing)的(de)屬性如下(xia)︰

  background-color:#f00;

  background-image:url(background.gif);

  background-repeat:no-repeat;

  background-attachment:fixed;

  background-position:0 0;

  可以縮寫(xie)為一句︰background:#f00 url(background.gif) no-repeat fixed 0 0;

  語(yu)法是background:color image repeat attachment position;

  你可以省略其中一個或多個屬性值,如果省略,該屬性值將用(yong)瀏覽(lan)器默認xian)擔  現(xian)滴 /p>

  color: transparent

  image: none

  repeat: repeat

  attachment: scroll

  position: 0% 0%

  字體(fonts)

  字體的(de)屬性如下(xia)︰

  font-style:italic;

  font-variant:small-caps;

  font-weight:bold;

  font-size:1em;

  line-height:140%;

  font-family:"Lucida Grande",sans-serif;

  可以縮寫(xie)為一句︰font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

  注意,如果你縮寫(xie)字體定義,至(zhi)少要定義font-size和font-family兩個值。

  列(lie)表(lists)

  取消默認的(de)圓點(dian)和序(xu)號(hao)可以這(zhe)樣寫(xie)list-style:none;,

  list的(de)屬性如下(xia):

  list-style-type:square;

  list-style-position:inside;

  list-style-image:url(image.gif);

  可以縮寫(xie)為一句︰list-style:square inside url(image.gif);

  感謝大家的(de)觀看和關注,多謝大家的(de)支持和合作,我們網站的(de)宗旨就(jiu)是希望給大家帶來一個便利的(de)相關資訊,如果你還有哪些不(bu)懂得內(na)容和想要搜索的(de)相關資訊可以收藏(cang)我們網站,我相信我們網站不(bu)會讓你失望的(de)

大发10分彩官网

    • 大发10分彩官网

    • 李華明iOS-Cocos2d游戲開發專題
    • 本教(jiao)程(cheng)為 李華明 編著的(de)iOS-Cocos2d游戲開發系列(lie)教(jiao)程(cheng)︰教(jiao)程(cheng)涵(han)蓋關于i...... 詳細
    About IT165 - 廣告(gao)服(fu)務 - 隱(yin)私聲明 - 版權申明 - 河北快三官网免(mian)責(ze)條款(kuan) - 網站地圖 - 網友投稿 - 聯系方式
    本站內(na)容來自于互(hu)聯網,僅供用(yong)于網絡(luo)技(ji)術學習,學習中請遵(zun)循相關法律法規
    大发10分彩官网 | 下一页