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

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

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

Blueprint （CSS框架）

Blueprint是由于 HTML是一種標準，并且所描述的是結構而非樣式，因此 Blueprint 是完全作為 CSS 實現(xiàn)的框架。

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

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

樣式例子

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

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

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

文章題目：cssBlueprint有什么用
鏈接分享：http://jinyejixie.com/article38/pgshsp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、外貿網(wǎng)站建設、App開發(fā)、品牌網(wǎng)站制作、外貿建站、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)