1、CSS可視化生成、格式化
本教程便于新手學(xué)習(xí),采用dw的css可視化生成方式,熟練后的朋友盡量手寫,這樣可以提高工作效率。目前來(lái)說(shuō),希望常用的大家都能記住。關(guān)于css的格式化,指css的排版方式,細(xì)心的朋友已發(fā)現(xiàn),我在這里貼出的css代碼,每個(gè)類或ID都是寫在一行的。可能你的還是分成多行,怎么把它們弄到一行上呢?請(qǐng)看下面的代碼和圖示:
body {
margin:0;
padding:0;
}
#header {
margin:5px auto;
width:500px;
height:80px;
background:#9F9;
}
#main {
margin:5px auto;
width:500px;
height:400px;
background:#9FF;
}
#footer {
margin:5px auto;
width:500px;
height:80px;
background:#9f9;
}
經(jīng)過(guò)以上三步之后,看看,你的代碼是不是和我的一樣了。還
2、CSS縮寫
css的許多屬性是可以簡(jiǎn)寫的,這樣便于閱讀和修改,減少代碼量,設(shè)置方法如下:
把需要縮寫的項(xiàng)目選中,再生成的css代碼即為簡(jiǎn)寫形式了。這里所說(shuō)的是多個(gè)屬性合并到一塊的簡(jiǎn)寫方式,另外像顏色值了也可以簡(jiǎn)寫的。比如顏色值為#ff6600;可以簡(jiǎn)寫為#f60;兩位兩位一樣的才可以簡(jiǎn)寫,像#c2c2c2是不可以簡(jiǎn)寫的。
聯(lián)系客服