css框架(CSS Frameworks):CSS框架應(yīng)用

css框架通常只是一些css文件的集合,這些文件包括基本布局、表單樣式、網(wǎng)格或簡(jiǎn)單結(jié)構(gòu)、以及樣式重置。
什么是css框架
實(shí)際上還是讓我們從框架說起吧。
框架就是一個(gè)你可以用于你的網(wǎng)站項(xiàng)目的基本的概念上的結(jié)構(gòu)體。
閱讀更多腳本之家CSS框架相關(guān)知識(shí):
CSS教程關(guān)于css框架網(wǎng)頁設(shè)計(jì) 門戶網(wǎng)站構(gòu)建CSS框架的規(guī)則
利用CSS框架進(jìn)行高效率的站點(diǎn)開發(fā) CSS框架的利與弊(上)
CSS框架的利與弊(下) 利用CSS框架進(jìn)行高效率的站點(diǎn)開發(fā) Elements
css框架通常只是一些css文件的集合,這些文件包括基本布局、表單樣式、網(wǎng)格或簡(jiǎn)單結(jié)構(gòu)、以及樣式重置。比如: typography.css基本排版規(guī)則 grid.css基于網(wǎng)格的布局 layout.css通常的布局 form.cssfor 表單樣式 general.css更多通用規(guī)則
下面一起來了解一下各種不同的CSS框架吧: 1.960 Grid System
960網(wǎng)格系統(tǒng)是一個(gè)通過提供通常使用的尺寸簡(jiǎn)化網(wǎng)站開發(fā)流程的努力的結(jié)果,基于960像素的頁面寬度。它有兩種類型,12和16列,他們可以獨(dú).立使用或是協(xié)同使用。
2.WYMstyle CSS Framework
這個(gè)項(xiàng)目的目的是提供一組經(jīng)過良好測(cè)試的模塊化的CSS文件,能夠用于網(wǎng)站的快速設(shè)計(jì)。WYMstyle是一組CSS文件,你可以很容易的組合這些文件來快速的創(chuàng)建你的網(wǎng)站的布局。通過提供可靠的、經(jīng)過良好測(cè)試的CSS模塊,WYMstyle 力求讓每個(gè)網(wǎng)站防止枯燥的跨瀏覽器兼容性測(cè)試。 3.YAML CSS Framework
Dirk Jesse的強(qiáng)大的(X)HTML/CSS框架為許多的簡(jiǎn)單或更復(fù)雜的網(wǎng)站項(xiàng)目提供完整的默認(rèn)模板包。YAML基于網(wǎng)頁標(biāo)準(zhǔn)并支持所有現(xiàn)代瀏覽器。所有的 Internet Explorer的主要渲染漏洞都被解決。YAML 完全支持從5.x到7.0的所有的IE版本。 4.YUI Grids CSS
基本的YUI網(wǎng)格CSS提供4種預(yù)設(shè)的頁寬、6種預(yù)設(shè)模板和再分為2、3、4卷的區(qū)塊的功能。 這個(gè)4KB的文件可提供超過1000中頁面布局組合。
有國(guó)外作者曾指出YUI Grids CSS中最值得學(xué)習(xí)的網(wǎng)格布局CSS寫法: 負(fù)Margin技術(shù) 使用度量單位em 清除布局的浮動(dòng) 5.LogicssFramework
Logic CSS 框架是用來減少開發(fā)符合web標(biāo)準(zhǔn)的xHTML布局的時(shí)間的一個(gè)由CSS文件和PHP程序組成的集合。通??鐬g覽器表現(xiàn)行為(不是Meyer的reset文件或是用“*”),排版支持文本字體大小調(diào)整(使用EMs) 和垂直居中,符合可定義的靈活的布局網(wǎng)格利用css代碼生成工具。 6.CleverCSS
CleverCSS是一個(gè)用于css的受Python啟發(fā)的小型的標(biāo)記語言,它可用于以整潔的和結(jié)構(gòu)化的方式創(chuàng)建一個(gè)樣式表。在很多方面它都比CSS2整潔和強(qiáng)大。與CSS最明顯的區(qū)別是句法:它基于縮進(jìn)而且不單調(diào)。雖然這顯然違反了Python的規(guī)則,它依然是組織樣式的很好的主意。 7.Elements CSS Frameworks
Elements 是一個(gè)實(shí)用的CSS框架。它是為了幫助設(shè)計(jì)師更快更高效的來寫CSS而建立。Elements 已經(jīng)超越了僅僅作為一個(gè)框架,它有自己的項(xiàng)目工作流。它擁有你完成項(xiàng)目所需的所有東西,這也讓你和你的瀏覽者感到愉悅。
相關(guān)文章
- 網(wǎng)格布局也稱grid布局,利用grid布局可以很輕松的實(shí)現(xiàn)很多的網(wǎng)頁布局,Grid 布局與 Flex 布局有一定的相似性,都可以指定容器內(nèi)部多個(gè)項(xiàng)目的位置,這篇文章主要介紹了CSS布2023-07-24
在CSS網(wǎng)格布局中的列中填充項(xiàng)目的實(shí)現(xiàn)方法
這篇文章主要介紹了在CSS網(wǎng)格布局中的列中填充項(xiàng)目的實(shí)現(xiàn)方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-14- 這篇文章主要介紹了CSS Grid 網(wǎng)格布局全解析的相關(guān)資料,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-29
- 這篇文章主要介紹了CSS網(wǎng)格布局的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-29