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

專家推薦 10款優(yōu)秀CSS框架

開發(fā) 前端
你對(duì)常用的CSS框架是否了解,這里向大家推薦10個(gè)優(yōu)秀的CSS框架,就像其他編程語(yǔ)言一樣,CSS也可以把一些重復(fù)使用的代碼整合起來(lái),這樣可以減輕很多的工作量。

本文向大家描述一下10個(gè)優(yōu)秀的CSS框架,恰當(dāng)?shù)乩肅SS框架可以縮短開發(fā)時(shí)間,不過(guò)話說(shuō)回來(lái),如果選錯(cuò)了CSS框架胡亂用于實(shí)際開發(fā)中,必然會(huì)適得其反。

10個(gè)優(yōu)秀的CSS框架

大多數(shù)做過(guò)網(wǎng)頁(yè)設(shè)計(jì)的都知道“CSS框架”,而且肯定有很多設(shè)計(jì)師已經(jīng)開始在作品中使用CSS框架。就像其他編程語(yǔ)言一樣,CSS也可以把一些重復(fù)使用的代碼整合起來(lái),這樣可以減輕很多的工作量。

恰當(dāng)?shù)乩肅SS框架可以縮短開發(fā)時(shí)間,不過(guò)話說(shuō)回來(lái),如果選錯(cuò)了CSS框架胡亂用于實(shí)際開發(fā)中,必然會(huì)適得其反。

下面介紹的是一些值得深入研究的開源CSS框架,你可以通過(guò)搜索輕易地獲取源代碼。

1.Blueprint:

 

Bluepring包含了方便實(shí)現(xiàn)瀏覽器兼容的resetCSS。另外,它還包含了在網(wǎng)頁(yè)開發(fā)中經(jīng)常用到的很多外部工具和模板。

2.960GridSystem

又一個(gè)值得深入研究的CSS框架,提供的源文件包含了Firework、Photoshop、Inkscape等等的模板,可以拿來(lái)隨手即用,PSD文件中已經(jīng)預(yù)置了參考線,可以為設(shè)計(jì)師節(jié)省不少時(shí)間。

3.TripoliFramework

Tripoli可以支持幾乎現(xiàn)有的所有瀏覽器,甚至是IE5,包含了一些基礎(chǔ)CSS庫(kù),和一些封裝過(guò)的CSS插件,比如:Layout、Visual、Type、Negative。

4.YAML-YetAnotherMulticolumnLayout

YAML是一款開發(fā)文檔齊全、非??煽康目蚣?,參照它給出的PDF文檔和官方網(wǎng)站上的示例可以很輕松地上手,它也提供很多開發(fā)中可以利用的工具,比如李詠YAMLBuilder可以構(gòu)造一個(gè)機(jī)遇YAML的CSS布局實(shí)例。

5.YUIGridCSS

YUIGridCSS不僅支持固定寬度的布局實(shí)現(xiàn)還支持不定寬度的布局,這也是它比其他框架更為靈活的地方,你可以下載YUI的cheatsheet和官方網(wǎng)站的YUIGridsBuilder來(lái)快速上手使用YUIGridsCSS。

6.BlueTrip

BlueTrip區(qū)別與其他框架的特點(diǎn)是它非常有特色而且十分美觀,它的官方網(wǎng)站上有完整的開發(fā)文檔和demo。

7.ContentWithStyle

ContenWithStyle是一款固定寬度布局的CSS框架,包含了一系列的布局示例比如,一列垂直導(dǎo)航、兩列垂直導(dǎo)航等等。

8.ElasticCSSFramework

Elastic提供了用聲明式語(yǔ)言來(lái)定義布局結(jié)構(gòu)和行為,這個(gè)框架還剛剛起步,最好的Demo就是它的官網(wǎng)本身。

9.MolioCSS/HTMLTemplates

Mollio的開發(fā)始于IE7暴露出很多渲染的問(wèn)題,它可以作為網(wǎng)站布局的參考,特別適合CSS初學(xué)者。

10.SenCSS

Sen并沒有提供布局方面實(shí)例,但是有一些類似baseline,fonts,paddings,margins的CSS可利用,它包含了一個(gè)開發(fā)版本和一個(gè)發(fā)布版本。

其他的一些CSS框架,可能你也會(huì)喜歡:

WYMstyle
CSS-boilerplate
Typogridphy
CleverCSS
LogiCSS

選擇一框合適的CSS框架不管對(duì)學(xué)習(xí)CSS還是實(shí)際開發(fā)都是非常有用的,熟悉更多的框架就可以通曉這些框架設(shè)計(jì)和實(shí)現(xiàn)的可鑒之處,提高CSS框架設(shè)計(jì)水平之日可待。

【編輯推薦】

  1. 探究采用DIV+CSS框架的利與弊
  2. CSS Sprites樣式生成工具用法詳解
  3. FireFox和IE中CSS兼容技巧匯總
  4. CSS代碼整理及優(yōu)化七大原則
  5. 深入剖析Firefox下 margin-top失效原因與解決方案
責(zé)任編輯:佚名 來(lái)源: 236web.com
相關(guān)推薦

2011-09-05 09:53:36

CSS

2011-10-09 13:50:37

HTML 5

2018-11-22 08:44:02

SQL Server服務(wù)器工具

2017-03-23 09:58:47

HTMLCSSJavaScript

2010-09-01 09:08:34

CSS

2010-09-03 15:48:47

CSS

2012-02-29 15:46:48

HTML 5

2011-11-29 16:07:36

移動(dòng)Web開發(fā)框架移動(dòng)開發(fā)

2019-10-14 15:34:10

Web 開發(fā)框架

2022-07-11 06:43:21

測(cè)試框架Java

2022-12-06 17:22:45

2010-09-07 15:08:25

CSS框架

2020-04-25 20:57:37

機(jī)器學(xué)習(xí)機(jī)器學(xué)習(xí)工具

2010-07-14 13:57:30

Perl開發(fā)工具

2020-05-18 08:15:33

語(yǔ)言CSS設(shè)計(jì)

2010-06-28 12:59:50

UML工具軟件

2010-08-05 10:38:10

Flex開源項(xiàng)目

2021-07-23 16:50:19

httpJava框架

2024-05-23 12:01:44

2011-06-28 09:24:44

jQuery
點(diǎn)贊
收藏

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