#b {
為河間等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及河間網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、河間網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！
width:1200px;
padding:0 12px;
background:#FFF;
position:relative
}
.l {
width:844px;
float:left;
border-right:1px solid #DDD;
padding-right:10px;
position:relative
}
.m {
width:670px;
float:left;
border-right:1px solid #DDD;
padding-right:10px;
position:relative
}
.r {
width:336px;
float:right;
padding-bottom:200px
}
.topbg {
height:30px;
background:url() repeat -20px 0
是要壓縮css為一行吧。
您需要在 工具欄插件安裝安裝jsCompressor 插件。
插件裝完重啟軟件，右擊選擇你需要壓縮的Css文件Compress CSS 進(jìn)行單行格式化即可。
HTML-CSS-JS Prettify是一款集成了格式化（美化）html、css、js三種文件類型的插件。插件依賴于nodejs，因此需要事先安裝nodejs，然后才可以正常運(yùn)行。
使用Sublime text 3 格式化CSS代碼，需要安裝插件，具體安裝步驟如下：
1、打開菜單-首選項(xiàng)-插件控制，輸入 install package
2、等待程序進(jìn)入插件管理功能，再輸入插件名稱：prettify
3、點(diǎn)擊安裝插件HTML-CSS-JS Prettify。
4、插件安裝成功后，在需要格式化的HTML/css/js代碼中，選中代碼，然后按Ctrl+Alt+H對(duì)代碼進(jìn)行格式化。
本質(zhì)就是根據(jù)一套設(shè)定的規(guī)則用編程語言(js、asp、php、ruby..)來判斷處理字符串
格式前：
html body/body/html
格式后：
html
body/body
/html
只說一種大致原理，具體實(shí)現(xiàn)有很多算法：
規(guī)則：根據(jù)html里是一個(gè)元素開始，/是一個(gè)元素結(jié)束來查找元素
程序讀到第一個(gè)html就去找與之對(duì)應(yīng)的/html
然后又去找html/html之間有無能配對(duì)的/，沒有的話則不處理
有子元素的話，就需要插入換行把子元素和父級(jí)分開(同時(shí)處理細(xì)節(jié)，如父子標(biāo)簽之間多余的空格、插入tab縮進(jìn)等)
然后又去找body/body里面有沒有配對(duì)的/，沒有則不處理，有的話則向前面幾步一樣循環(huán)往復(fù)的查找、處理
------------------------------------------------------
css格式化的大概規(guī)則：
body{color:red;}.myclass{font-size:12px;}#myid span{width:100px;color:yellow;}
找配對(duì)的{}，里面的玩意根據(jù);為結(jié)尾的規(guī)則換行：
{
width:100px;
color:yellow;(最后一句可以不寫這個(gè)“;”所以這種情況也要考慮)
}
加點(diǎn)tab縮進(jìn)：
{
width:100px;
color:yellow;
}
還有就是判斷一對(duì){...}外面那些字符，加入換行：
body{}
.myclass{}
#myid span{}
最后你看到的就是：
body{
color:red;
}
.myclass{
font-size:12px;
}
#myid span{
width:100px;
color:yellow;
}
具體實(shí)現(xiàn)中，上面的還有很多情況也是要考慮的，比如寫代碼的人忘了寫/html，程序找到html后找不到配對(duì)的/html，這時(shí)怎么處理？是忽略、提示錯(cuò)誤、還是另外弄套更復(fù)雜的規(guī)則去智能的補(bǔ)寫一個(gè)/html上去？反正很多細(xì)節(jié)，寫程序的人要盡量先想到可能的各類情況。
其他什么玩意格式化也是這個(gè)原理，只是查找的規(guī)則不一樣而已。
反過來，有很多壓縮js、css、html代碼的東西，是為了節(jié)約字節(jié)減少服務(wù)器壓力，把文件里面的無用空格、換行都刪除掉，就是把這些步驟反過來。
另外處理字符串，你可以百度下：正則表達(dá)式
第一步：需要掌握css的縮寫技巧
參考下面的文章即可
CSS縮寫優(yōu)化CSS文件的體積
CSS常用屬性縮寫實(shí)例[推薦]
第二步：用css在線格式化與壓縮工具
第三步：測(cè)試，看看經(jīng)過壓縮后的css文件，會(huì)不會(huì)導(dǎo)致頁面變形等問題，一般情況下不會(huì)，不排除特殊情況。別忘了備份樣式文件啊。
一般最常用的方式就是寫一個(gè)reset.css文件，在里面寫一些相關(guān)的重置樣式，
例如：html,body{margin:0,padding:0;}清除瀏覽器默認(rèn)自帶的內(nèi)外邊距。
還有ul,li{font-style:none;}等等，說有哪些方式：無非就是那幾種，內(nèi)聯(lián)，內(nèi)嵌，外聯(lián)，外部（@import方式），或者腳本js等，但是一般最常用的還是使用外聯(lián)方式。
重慶分公司
重慶分公司
