面試官員提出:148個資源讓你成為CSS專家(上)
參考資源與備忘錄
CSS屬性指引 —— 一份清單,按字母表順序列出了每個CSS屬性。
參考資源與備忘錄
CSS屬性指引 —— 一份清單,按字母表順序列出了每個CSS屬性。
這裡還是要推薦下我自己建的前端JavaScript學習群:574462090,不說別的,進來你必須是愛好前端的,營造一個好的交流環境很重要,不管你是小白還是大牛,小編我都挺歡迎,小白嘛,主動點,勤快點,多問點問題也就學好了,就怕你自己死敲代碼啊,不定期分享乾貨,歡迎初學和進階中的小夥伴。
層疊樣式表二修訂版1 — 這是W3C對CSS 2.1 作出的官方說明。
CSS簡寫指引 — 覆蓋了基礎的CSS縮寫形式。
CSS速查表 — 兩份表來自About.com — 一份關於CSS基礎特性,一份關於CSS佈局。
列表速建 — 該網站提供了大量的例子,告訴你如何使用CSS創建各種不同風格的列表。
經驗豐富的CSS設計師給初學者的指南 — 這裡有大量的資源適用於CSS初學者。
組合CSS的5點提示 — 這篇文章提供了5個真正有效的方法,讓你更好地組織你的樣式表(而且,有助於以後的編輯修改)。
我的5個CSS提示 — 收集了5個用於更好地創建CSS的例子。
慣用模式與嚴格模式 - 在現代瀏覽器裡面慣用模式與嚴格模式指南。
CSS速查表(V2) — 一份單頁的CSS參考書,列出了所有CSS 2.1的選擇器。
核心CSS: 第一篇 — 一份來自Refcardz的基礎CSS參考指南.
CSS 簡寫速查表 (PDF) — CSS簡寫形式參考書.
使用 CSS (層疊樣式表) — 基礎CSS指南,包含使用CSS的好處介紹.
5個方法快速寫成高質量的CSS — 寫出高效CSS的一些提示。
使用CSS優化網頁打印效果 — 創建適用於打印的樣式表指南.
打印樣式表 — 創建打印樣式表的另一份指南.
CSS 排版: 反差技巧、教程和CSS最佳實踐 — 收集了大量的CSS印刷資源。
高效編碼必備的CSS技巧 — 為了更好地編寫CSS而收集的CSS 技巧、意見和解決方案。
用CSS Reset來重置CSS樣式 — 一份重置樣式的完整指南。
CSS結構化命名慣例 — 一篇關於元素命名的文章,這裡講述基於元素本身的命名,而不是基於它們的位置或外觀。
用CSS風格指南提高代碼的可讀性 — 文章涵蓋5大技巧,讓你的代碼更加易於維護和管理。
寫好CSS的70個專業意見 — 蒐集了一些關於寫好CSS的專業提示。
你必須知道的CSS浮動 — 一份幫你理解CSS浮動的指南.
完整的CSS指引 — 大量的資源,涵蓋了CSS的方方面面.
創建排印樣式對比的七個基本方法 — 文章列出了一些基本要素,關於在CSS裡面使用充分的排版對比來營造優秀的樣式風格。
如何用CSS處理文本的大小 — 一篇關於處理CSS文本大小的透徹指南。
CSS速查 — 一份非常完整的網頁CSS速查表.
每個人都應該知道的13條CSS訓練原則 — 列出了你應在注意的一些基本的CSS慣例.
資源指引 — 這是來自CSS Zen Garden的CSS資源指引。
CSS美化 — 該網站提供了一些CSS消息、資源和畫廊.
使用CSS簡寫 — 一些CSS縮寫的參考指南。
網頁開發者手冊 — This is a massive collection of CSS and other resources, including showcases, tools, and more.蒐集了CSS以及一些其他的資源,如示例、工具等。
100個免費的CSS資源 — 大量CSS資源,包括相關的文章、教程、佈局等等。
15個你可能從未用過的CSS屬性 (但或許要知道) — 文章覆蓋了15個經常被忽視的CSS屬性,許多開發者可能都不知道它們的存在。
CSS專家的10條原則 — 蒐集了一些CSS大牛的重要原則和指南.
你應該知道的CSS特性 — 一份CSS權重特殊性指南,css權重是CSS裡面最難掌握的知識點之一。
解決5個普遍的CSS難題 — 告訴你如何處理一些CSS難題,如 IE6 裡面雙層外邊框的bug,以及無效樣式等。
教程與技巧
從零開始學CSS — 這是一個非常基礎的教程,讓你從零開始學習CSS並用它創建第一個基礎網頁。該教程對於那些對網頁構建不瞭解的初學者來說,是很好的資源。
53個生存必備的CSS技巧 — 這裡收集了大量的CSS技巧,從菜單到表單再到樣式表打印,都有相關介紹。
CSS 陰影效果 — 一個關於如何用CSS給圖片加陰影的教程。
CSS 選擇器教程 — CSS選擇器的基本介紹以及它們是如何工作的。
CSS 導航技巧 — 蒐集了37個不同的CSS導航設計。
我一直使用的CSS技巧 — A collection of CSS techniques Christian Montoya finds extremely valuable.
CSS技巧綜述 — 20個CSS提示與訣竅 — 收集了關於CSS圓角和彈窗的一些技巧。
CSS提示與小竅門 — 有效基礎的CSS技巧.
精通樣式表: 最有用的CSS技巧 — 用於清除和重置瀏覽器默認的樣式。
用CSS展示超鏈接提示 — 本教程告訴你如何快速使用CSS添加鏈接式圖標, 並且能夠兼容IE7, Safari和火狐。
10個你可能不知道的CSS訣竅 — 涵蓋了CSS字體、圖片替換、垂直居中等技巧。
10多個你可能不知道的CSS技巧 — 這篇文章涵蓋了塊級元素與行內元素、設置頁面最小寬度及不可見文本等。
用lists實現導航欄 — 這是個很棒的教程,一步步指導你如何用列表來製作導航欄。
用lists實現樹形圖 — 如何創建一個多層級無序的頁面樹形圖。
如何用CSS實現網頁重構 — 如何用CSS佈局重構一個網頁。
一步步實現高級網頁佈局 — 一步步教你創建一個高級的三欄佈局。
從頭搭建CSS佈局 — 該教程教你如何從零開始用CSS創建一個網頁。
CSS 教程 — 來自 W3Schools 的完整教程。
樣式表 — 另一個非常全的CSS教程。
CSS實現的精緻圖表 — 創建特殊的圖表形式。
關於CSS的更多圓角技巧 — 教你如何創建支持PNG和alpha透明度的圓角。
CSS菜單列表
如何向你的CSS文件添加變量 — 告訴你如何用PHP和Apache的URL向你的CSS文件添加變量。
跨瀏覽器CSS編碼的15個技巧和工具 — 文章涵蓋了15條以上的提示,都是關於如何用CSS解決跨瀏覽器的兼容問題。
CSS 軸心化 — 如何創建CSS軸心化佈局,包括中央CSS流式佈局。
絕對定位在相對定位裡面 — 關於如何在一個相對定位的父元素中絕對定位一個子元素的指南。
Faux 絕對定位 — 關於把浮動和絕對定位結合起來的方法指南。
多行導航欄的垂直居中 — 使用浮動的方法實現列表對齊。
前10個CSS按鈕教程列表 — 收藏了10個創建CSS按鈕的最好教程。
山頂角 — 用CSS來實現的圓角。
CSS 圓角綜述 — 收藏了CSS圓角的技巧和教程。
CSS小竅門--自定義子 彈頭 — 關於如何用CSS實現**頭的指南。
CSS Swag: 多欄列表 — A guide to creating semantically-logical, ordered list that wraps through multiple vertical columns一份關於創建語義化的、有序的多欄列表指南。
改善打印版的鏈接展示 — 示範了打印輸出時如何在超鏈接文本中如何包含鏈接地址.
高級CSS菜單技巧 — 用CSS創建一個真正酷炫的、高級的、帶有模糊效果的菜單。
CSS 菜單 — 一個關於用純CSS2(不包含JS)嵌套列表創建菜單面板的教程。
CSS Tab菜單帶下拉效果 — 一個關於創建帶有下拉效果的CSS菜單教程。
高級CSS菜單 — 來自網頁設計牆的絢麗CSS菜單教程。
自動水平化tab — 該教程教你如何創建帶有翻轉效果的水平菜單。
帶有翻轉效果的CSS圖標菜單 — 創建帶有CSS翻轉效果的菜單教程。
混雜的CSS下拉菜單 — 一個教你如何創建CSS下拉菜單並且做到優雅降級,結構合理的教程。
初學者CSS指南 — 給初識CSS者的完整指南。
開始CSS實戰 — 一個非常基礎的CSS實戰指南。
如何處理CSS大背景 — 處理CSS大背景的教程。
再說2點建議吧:
JavaScript剛學時候不要看太過於酷炫的特效,會打擊自己的自信心。
這個文章到這裡就說完了,想要前端學習資料的進我的群自助領取,已經上傳到群文件裡了:574462090,歡迎初學和進階中的小夥伴。
如果想看到更加系統的文章和學習方法經驗可以關注我的微信公眾號:‘前端根據地’關注後回覆‘給我資料’可以領取一套完整的學習視頻