亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费

登錄論壇 | 注冊會員 設為首頁 | 收藏本站
當前位置 : 首頁>軟件學院>程序開發(fā)>CSS>正文
 
網頁標準化:CSS代碼縮寫精簡實例

http://m.yibo1263.com 2008-8-19 8:20:22  來源:21CN  編輯:葉子
 

  一些CSS屬性允許使用一串值代替許多屬性,值使用空格分開。

  margin,pdding和border-width允許合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像這樣:property:top right bottom left;逆時針順序。

  所以下面的代碼:

p {
    border-top-width: 1px;
    border-right-width: 5px;
    border-bottom-width: 10px;
    border-left-width: 20px;
}

  可以寫成:
p {
    border-width: 1px 5px 10px 20px;
}

  border-width,border-color,border-style同樣可以合并到一起,例如:
p {
    border: 1px red solid;
}

 。ㄍ瑯涌梢赃\用到border-top,border-right等等)
  如果只使用兩個值(比如margin: 1em 10em;),第一個值包括頂部和底部,第二個值包括左右。

  字體屬性同樣可以使用font屬性合并。

p {
    font: italic bold 1em/1.5 courier;
}

 。ㄉ厦"/1.5"是 line-height的值)
  把它們總結在一起,試下下面的代碼:
p {
    font: 1em/1.5 "Times New Roman", times, serif;
    padding: 3em 1em;
    border: 1px black solid;
    border-width: 1px 5px 5px 1px;
    border-color: red green blue yellow;
    margin: 1em 5em;
}
  推薦大家使用縮寫形式,促進CSS代碼的精簡、優(yōu)化!

 
收藏】【打印】【進入論壇
  相關文章:

·CSS代碼中進行注釋的三種方法 
·讓樣式表CSS代碼更加專業(yè)規(guī)范 
·注意CSS代碼中的!important屬性 
·瀏覽器不能正常解析CSS代碼的解決 

 
 
 
 
最新文章

中關村艷照門女主角詳記錄高清組圖 
大連護士門大尺度艷照高清組圖
iPhone女孩微博爆紅 最寶貴東西換iPhon
反恐精英之父內維爾:改變電腦游戲銷售
團購網站黎明之前:中國市場慘烈廝殺不
團購鼻祖Groupon中國揭秘:快與慢的商業(yè)
Spil Games發(fā)布新的品牌形象
1800配置一臺主機 不要顯示器
聯(lián)想V360筆記本模特寫真
愛國者第四代移動硬盤將面市、低電壓保

 
推薦文章
1
2
3
4
5
6
7
8
9
10
iPhone女孩微博爆紅 最寶貴東西換
大連護士門大尺度艷照高清組圖
中關村艷照門女主角詳記錄高清組
蘋果員工中毒門
宮如敏不雅照瘋傳 看張馨予韓一菲
深耕市場 永續(xù)經營——專訪百腦匯
優(yōu)派專業(yè)電子書 讓您回家旅途多姿
揭曉百萬大獎三星bada魅力綻放中
大明龍權“江湖英雄會”全國PK大
永恒之塔校園達人挑戰(zhàn)賽完美落幕
八卦圖解 More>>
iPhone女孩微博爆紅 最寶貴東西換 大連護士門大尺度艷照高清組圖
中關村艷照門女主角詳記錄高清組 宮如敏不雅照瘋傳 看張馨予韓一菲