1、CSS可視化生成、格式化

本教程便于新手學習，采用dw的css可視化生成方式，熟練后的朋友盡量手寫，這樣可以提高工作效率。目前來說，希望常用的大家都能記住。關于 css的格式化，指css的排版方式，細心的朋友已發(fā)現(xiàn)，我在這里貼出的css代碼，每個類或ID都是寫在一行的?？赡苣愕倪€是分成多行，怎么把它們弄到 一行上呢？請看下面的代碼和圖示：

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)過以上三步之后，看看，你的代碼是不是和我的一樣了。還

2、CSS縮寫

css的許多屬性是可以簡寫的，這樣便于閱讀和修改，減少代碼量，設置方法如下：

把需要縮寫的項目選中，再生成的css代碼即為簡寫形式了。這里所說的是多個屬性合并到一塊的簡寫方式，另外像顏色值了也可以簡寫的。比如顏色值為#ff6600;可以簡寫為#f60;兩位兩位一樣的才可以簡寫，像#c2c2c2是不可以簡寫的。