開源 CSS 樣式框架 QuickCSS

fmms 12年前發布 | 23K 次閱讀 CSS 前端技術

QC (”Quick CSS”) 是一個 (X)HTML/CSS 框架 ,它的目的是減少你的css開發時間。它提供一個可靠的css基礎去創建你的項目,能夠用于網站的快速設計,通過重設和重建瀏覽器標準,可以讓每個網站防止枯燥的跨瀏覽器兼容性測試。你可以將他理解成一套模板,里面包含了大多數站點中所需要的那些css類。他很小,只有四個文件而已。總共不到6KB。

/功能介紹:/

  1. 規范命名了CSS結構名稱,這樣也是為了便于SEO的優化,幾乎全部都用英文命名,這樣顯得
正式一些,哈哈。 。看著也順眼
2,重寫了W3C的一些默認樣式,做一個網站架構之前這個都是必須的,一些不兼容的標簽這里基本都被從定義了, 3,定義了一些經常用到的樣式,比如 clear(清除樣式),transparent(透明度),這些都是兼容的代碼,目前考慮的是IE6,IE7,IE8,
Firefox的兼容,大家可以放心使用
4,預先寫好了一些簡單的網站結構,默認的是960寬度的頁面居中顯示,當然不適合可以去 layout.css 里面改一下就行 5,參閱了大部分網站導航 ,寫了一個大眾化的導航的主體結構,用 a:hover 事件簡單的實現了按鈕的切換效果,代碼里可以再做調整 6,頁面默認包含了 Jquery框架,方面寫網頁的一些互動效果 7,加入了
<meta http-equiv="X-UA-Compatible" content="IE=7">
</meta>
強制引擎,還應對剛剛‘上任’的IE8瀏覽器,以后IE8部分普及之
后,可以在將這句話去掉

/架構特點:/

樣式結構里定義了header ,頭部樣式,這里被寫成了相對定位,對于header里面的元素是采用了絕對定位,因為考慮到很多網站的頭部
子結構不確定(子結構-如導航NAV,LOGO,加入收藏,設為首頁。。。。),定位結構不合理,這里統一采用TOP,LEFT定位(個人看法) 我經過測試,對于頭部這一塊采用絕對定位,DIV結構和CSS代碼量可以減少4層左右。

項目主頁:http://www.baiduhome.net/lib/view/home/1328768715874

 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!