[] BlogJava@王戰(zhàn)鋒, Dic.cn, 21Days@Tuota25, 英語(yǔ)學(xué)習(xí), 每日一句

          中國(guó)青年

          [ 轉(zhuǎn)載學(xué)習(xí) ] CSS框架匯總

          CSS框架之一 YAML

          CSS框架匯總

          大家比較熟悉的是js框架,例如prototype、jQuery呀。其實(shí)XHTML+CSS也是有框架的,最著名的可能就是YUI了,是 yahoo開發(fā)小組的。但是那個(gè)稍微有點(diǎn)龐大,而且牽扯到一些的JS框架。所以剛開始研究的時(shí)候可能稍微有點(diǎn)累。而這個(gè)yaml就比較單純了。可能是現(xiàn)在還在發(fā)展初期所以框架很簡(jiǎn)單,東西不多,對(duì)XHMTL+CSS框架感興趣的可以去看看哦。在國(guó)內(nèi)好像還沒有那個(gè)朋友在做這個(gè)東西,如果你有興趣,自己鉆研一下說不定中國(guó)的CSS框架之祖就是你了哦。呵呵。。
          網(wǎng)址:http://www.yaml.de/en/ 里面有源碼,開發(fā)文檔以及一些使用此框架搭建的頁(yè)面實(shí)例。

          CSS框架之二 blueprintcss

          CSS框架匯總
          Features:

          • An easily customizable grid
          • Sensible typography
          • Relative font-sizes everywhere
          • A typographic baseline
          • An extendable plugin system
          • Perfected CSS reset
          • A stylesheet for printing
          • Compressed version
          • No bloat of any kind

          CSS框架之三 Elements

          一、什么是Elements
          Elements是一款純凈的CSS框架,可以幫助設(shè)計(jì)師快速高效率的書寫css文檔。你可以將他理解成一套模板,里面包含了大多數(shù)站點(diǎn)中所需要的那些css類。他很小,只有四個(gè)文件而已。總共不到6KB。

          二、這四個(gè)文件分別是做什么用?
          Elements.css 歸納了一些站點(diǎn)css中常用的css類
          Reset 對(duì)一些常用的html標(biāo)簽進(jìn)行預(yù)設(shè)。例如html, body, div, span, applet, h1, h2, h3, h4, h5, h6....等等。
          Typography 文字排版常用標(biāo)簽的預(yù)設(shè)。例如body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea等
          External Links 對(duì)于各種文檔形式的鏈接的預(yù)設(shè)。這個(gè)東西很早已經(jīng)有人單獨(dú)提出過。
          CSS框架匯總

          三、如何使用Elements CSS框架?

          <link rel="stylesheet" type="text/css" href="/css/elements/elementsImport.css" />
          大家可能注意到上面的圖片中有5個(gè)css文件,其中的elementsImport.css只是將其他的四個(gè)css文件分別導(dǎo)入進(jìn)來(lái)。

          @import "reset.css";
          @import "typography.css";
          @import "elements.css";
          @import "externalLinks.css";

          Elements框架也許并不一定適合我們的站點(diǎn)開發(fā),但是通過它我們可以找到一種好的架構(gòu)方式。如果你經(jīng)常會(huì)和css打交道,不論你是在做企業(yè)站還是門戶站,好好的整理一下你以前的文檔,根據(jù)你的需求制定自己的CSS框架,會(huì)很大程度上的提高你的開發(fā)效率。




          海納百川,有容乃大;壁立千仞,無(wú)欲則剛。

          posted on 2008-05-05 11:38 王戰(zhàn)鋒 閱讀(199) 評(píng)論(0)  編輯  收藏 所屬分類: CSS

          <2008年5月>
          27282930123
          45678910
          11121314151617
          18192021222324
          25262728293031
          1234567

          導(dǎo)航

          統(tǒng)計(jì)

          公告

          為人處世要光明磊落,與人相處要稀里糊涂。
          說實(shí)話,做實(shí)事;先做后說,多做少說。

          常用鏈接

          留言簿(3)

          隨筆分類(11)

          隨筆檔案(12)

          文章分類(958)

          文章檔案(957)

          新聞分類(5)

          新聞檔案(5)

          搜索

          積分與排名

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 全椒县| 秭归县| 丽水市| 潜江市| 武山县| 繁峙县| 凤翔县| 临泉县| 嘉荫县| 白玉县| 喀喇沁旗| 霍林郭勒市| 长兴县| 民勤县| 城步| 临邑县| 云龙县| 神木县| 仪征市| 东源县| 冕宁县| 新平| 游戏| 阿尔山市| 克什克腾旗| 郧西县| 菏泽市| 新沂市| 凌海市| 绥化市| 汪清县| 普兰店市| 佛坪县| 连城县| 徐汇区| 易门县| 云和县| 昭通市| 台南县| 涪陵区| 邵武市|