国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS教程：簡化CSS中屬性的示例

2024-07-11 08:42:51
字體：大 中 小
來源：轉載
供稿：網友

　　在工作中編寫CSS代碼時，經常會出現冗余的代碼，特別是用“可見即可得”工具來編寫，為了提高代碼的質量及文件壓縮到最小，使代碼具有可讀性，我們不得不把CSS代碼簡化。
下面用一些比較常用的屬性來做示例：
    margin
    margin-top:1px;
    margin-right:1px;
    margin-bottom:1px;
    margin-left:1px;
    代碼簡化為：margin:1px
    margin-top:1px;
    margin-right:2px;
    margin-bottom:1px;
    margin-left:2px;
    代碼簡化為：margin:1px 2px
    margin-top:1px;
    margin-right:2px;
    margin-bottom:3px;
    margin-left:2px;
    代碼簡化為：margin:1px 2px 3px
    margin-top:1px;
    margin-right:2px;
    margin-bottom:3px;
    margin-left:4px;
    代碼簡化為：margin:1px 2px 3px 4px
    當屬性值是0的時候單位可以不寫如：0px 直接就寫成0 padding
    padding的書寫方法和margin一樣，在此就不多敘述 border
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    代碼簡化為：border:1px solid #000 background
    background-color:#CCFFFF;
    background-image:url(圖片路徑);
    background-repeat:repeat-x;
    background-position:5px 4px;
    代碼簡化為：background:#CFF url(圖片路徑) repeat-x 5px 4px font
    font-size:26px;
    font-weight:bold;
    font-family: “宋體”;
    代碼簡化為：font:26px bold “宋體” color屬性值
    color:#000000;
    color:#ff0000;
    代碼簡化為：color:#000, color:#f00

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 措美县| 固原市| 务川| 文安县| 东宁县| 天峻县| 芷江| 深泽县| 本溪市| 凤城市| 兰州市| 奎屯市| 天柱县| 石泉县| 安远县| 象州县| 商城县| 辽阳市| 聊城市| 忻州市| 天门市| 林州市| 法库县| 桃源县| 西乌| 徐州市| 汝阳县| 固始县| 公主岭市| 信丰县| 临清市| 运城市| 金门县| 道真| 兴宁市| 黄冈市| 抚州市| 芜湖市| 南充市| 边坝县| 南充市|