cssBlueprint有什么用

這篇文章將為大家詳細(xì)講解有關(guān)css Blueprint有什么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

我們提供的服務(wù)有：網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、蒲縣ssl等。為1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的蒲縣網(wǎng)站制作公司

Blueprint是一個css框架，它將布局（layout）、排版（typography）、組件 （widget）、重置 （reset）、打印 （print） 等分放到不同的CSS文件中。

Blueprint （CSS框架）

Blueprint是由于 HTML是一種標(biāo)準(zhǔn)，并且所描述的是結(jié)構(gòu)而非樣式，因此 Blueprint 是完全作為 CSS 實現(xiàn)的框架。

在設(shè)計網(wǎng)頁時要以 Blueprint 為指導(dǎo)，然后再設(shè)計或生成 HTML，以便將 Blueprint CSS 樣式應(yīng)用于 HTML 元素。實際上，由于 Blueprint 提供了強(qiáng)大的 CSS，因此可以在 HTML中設(shè)計網(wǎng)頁，而不必使用圖像設(shè)計程序來模擬最終頁面，比如說 photoshop。從一定意義上說，Blueprint 提供了真正的所見即所得的（WYSIWYG）網(wǎng)頁設(shè)計，因為原型將使用與最終站點相同的代碼。

此外，由于 Blueprint 的主要作用是模擬打印頁的外觀，因此使用 Blueprint 進(jìn)行交互式的設(shè)計的感覺更像是在使用 QuarkXPress 或 AdobeInDesign。Blueprint 樣式基于像素和一個 18 像素的基線網(wǎng)格。借助設(shè)計天賦和努力，可以創(chuàng)建具有專業(yè)外觀的頁面。

樣式例子

Blueprint 的默認(rèn)網(wǎng)格是 950 像素寬，分為 24 個由 10 像素分隔線隔開的 30 像素寬的列：[(24 列 * 30 像素/列) + (23 分隔線 * 10 像素/分隔線) = 950 像素]。如果偏好或者需要更寬或更窄的網(wǎng)格或不同的列寬，Blueprint 提供了一個 Ruby 工具用于將 Blueprint 重新生成到需要的規(guī)范中。Ruby 工具還創(chuàng)建了一個網(wǎng)格圖像，可以在 Photoshop中引用，并且壓縮了最終的CSS以減小文件大小，從而縮短了傳輸時間和帶寬。

通常，不應(yīng)該編輯 Blueprint CSS 文件。而是應(yīng)該在一個單獨的文件定義自己的樣式，并根據(jù)需要覆蓋 Blueprint 代碼。這是最后一個文件 css/custom.css 的作用，這個文件是作為代碼的一部分創(chuàng)建和維護(hù)的。

關(guān)于“css Blueprint有什么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

分享題目：cssBlueprint有什么用
URL標(biāo)題：http://m.jiaotiyi.com/article/pgshsp.html