自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

探究CSS+DIV布局的優(yōu)缺點(diǎn)

開發(fā) 前端
本文向大家描述一下CSS+DIV框架的優(yōu)缺點(diǎn),CSS框架為你的項(xiàng)目提供一個(gè)干凈、嚴(yán)謹(jǐn)?shù)幕A(chǔ)架構(gòu),通過(guò)CSS+DIV框架你可以快速的為你的站點(diǎn)搭建基礎(chǔ)的html代碼框架。

CSS+DIV布局有很多值得學(xué)習(xí)的地方,它的優(yōu)點(diǎn)相信大家應(yīng)該有所了解,那么你對(duì)它的缺點(diǎn)是否了解,這里和大家分享一下CSS+DIV布局的優(yōu)缺點(diǎn)。

CSS+DIV布局的優(yōu)缺點(diǎn)
 
CSS+DIV框架的優(yōu)點(diǎn)

1、開發(fā)效率的提高。

如果你是一個(gè)企業(yè)建站的前端開發(fā),相信在大部分時(shí)間里進(jìn)行著同類站點(diǎn)的代碼工作。定義好的框架可以大大提高你的工作效率,避免一些常見的錯(cuò)誤。如果你的工作是按件計(jì)費(fèi)的,你的報(bào)酬一定會(huì)比別人多。

2、規(guī)范代碼命名。

在多個(gè)站點(diǎn)中你可能會(huì)用到一些同樣的CLASS或ID。如果你有一套完善的CSS+DIV框架,很快你就能對(duì)你的每一個(gè)站點(diǎn)的代碼進(jìn)行通讀。不用浪費(fèi)時(shí)間在代碼的閱讀上。

3、更好的團(tuán)隊(duì)合作

有些公司會(huì)將一些稍大的站點(diǎn)的前端代碼分成若干子項(xiàng)目。有過(guò)此類經(jīng)驗(yàn)的朋友應(yīng)該對(duì)這種開發(fā)方式深感郁悶,要注意公用css,還有注意相互之間的代碼配合。久而久之,廢棄代碼越來(lái)越多,互相之間也難以閱讀。如果建立好合適的CSS框架,大家可以減少很多不必要的錯(cuò)誤,提升產(chǎn)品質(zhì)量和工作效率。

4、解決瀏覽器的兼容性問(wèn)題

現(xiàn)在大部分項(xiàng)目都要求兼容IE6,7和FF。每個(gè)站點(diǎn)可能都會(huì)花上一部分時(shí)間去處理兼容問(wèn)題。在框架層面上就將這個(gè)問(wèn)題處理好。就可以為后面的兼容問(wèn)題節(jié)省下大部分時(shí)間。

5、一套完整的、結(jié)構(gòu)清晰的結(jié)構(gòu)代碼。
CSS框架為你的項(xiàng)目提供一個(gè)干凈、嚴(yán)謹(jǐn)?shù)幕A(chǔ)架構(gòu)。通過(guò)它你可以快速的為你的站點(diǎn)搭建基礎(chǔ)的html代碼框架。萬(wàn)事開頭難,前面的基礎(chǔ)工作做好了。后面的開發(fā)速度會(huì)提高很多。

CSS+DIV框架的缺點(diǎn):

1、你需要完全的理解整套框架

每一個(gè)加入項(xiàng)目的人,都需要花一定的時(shí)間去完全的理解整套框架及編碼規(guī)范;

2、你會(huì)延續(xù)一些框架中的錯(cuò)誤bug

沒人可以保證自己制定的框架是***而沒有bug的。你可能會(huì)需要時(shí)間去清理框架中的bug;

3、限制開發(fā)思路

框架給出大家基本的架構(gòu)及開發(fā)的思路,這可能會(huì)限制你對(duì)產(chǎn)品開發(fā)的新思路;

4、臃腫的源代碼

框架中可能有很大一部分代碼不會(huì)經(jīng)常用到,而且還會(huì)降低執(zhí)行效率;

5、框架的語(yǔ)義化

我們已經(jīng)注意到了HTML代碼的語(yǔ)義化。但基于框架的每個(gè)站點(diǎn)都是獨(dú)立唯一的,我們很難去保證CSS+DIV框架的語(yǔ)義化。
 
文章出處:站點(diǎn)基地[http://www.zdbase.com/content/detail.aspx?OID=5984BEE3-BC1D-49B7-B557-2929CE57025B]

【編輯推薦】

  1. CSS布局時(shí)需注意的八大技巧
  2. IE6.0對(duì)padding的解讀分析
  3. CSS布局之CSS Div的居中實(shí)現(xiàn)方法
  4. DIV+CSS開發(fā)Xhtml網(wǎng)頁(yè)對(duì)SEO優(yōu)化的影響
  5. DIV CSS網(wǎng)頁(yè)布局中對(duì)段落進(jìn)行排版的方法
責(zé)任編輯:佚名 來(lái)源: zdbase.com
相關(guān)推薦

2010-08-23 10:50:39

DIV+CSS

2010-08-27 13:58:06

DIV+CSS

2010-09-09 15:17:01

absoluterelativeCSS

2010-09-02 09:59:52

CSS SpritesCSS

2010-09-15 14:00:06

position屬性DIV

2010-08-23 16:23:53

CSS+DIV

2010-09-10 15:01:26

CSS+DIV排版

2010-08-30 10:58:19

DIV CSSfloat

2010-08-26 10:21:06

CSS Sprites

2010-08-30 15:55:54

DIV+CSS

2010-08-26 16:19:41

DIV圓角

2010-08-24 11:00:55

DIV CSS

2010-09-14 16:39:26

CSS DIV相對(duì)定位CSS DIV絕對(duì)定位

2010-09-07 15:31:21

DIV CSS表單

2010-08-23 14:30:14

DIV+CSS

2010-08-27 09:45:49

CSS Sprites

2010-09-09 10:56:56

CSS

2010-08-25 12:47:40

DIVCSS

2010-08-27 13:51:40

CSS+DIV

2010-08-16 14:18:49

DIV+CSS
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)