2022-11-22
整合 TailwindCSS 與 Element Plus 的 CSS class 變數
HTML/CSS
2008.12.07
輕鬆上手 CSS 系列文
做專題之後,陸陸續續會聽到同學也想學習 css,互相研究,加上有的朋友會問我該怎麼學習 css,如何上手?該從哪些資料開始著手?
這邊簡單跟大家分享我的經驗,也希望對想要學習 css 的人有所幫助:)
這一點並沒有正確的答案,端看你自己學習的狀況來判定。
大家可以先試著回想自己在學習其他軟體、語言的時候,是買市面上的書籍回家研究呢?還是在網路上找大家的教學來學習?
要看你自己習慣哪種模式,就跟著一貫的學習方式走吧。
另外一種建議方式,我是認為你可以先想想你是否為「 css 完全初學者」?
如果以下 10 個問題,如何有 7 項以上都符合你的狀態,那你就是 css 完全初學者。
測驗結束,如果你符合「css完全初學者」,那我會建議你買一本書,但是這本書一定要從頭開始把整個css的架構都講的很清楚,讓你可以從基本的概念學起。
這邊要跟大家說聲抱歉,我只買過一本實體書籍:「FrontPage2000」,其他 html 以及 css 都是從網路上自學而來。所以我並沒有買過相關書籍,也無從推薦你們哪本比較好。
建議如果要買書的朋友,可以先問問週遭會 css 的朋友,有沒有覺得不錯的書?但最重要的是,希望大家可以親自到實體書店走一趟,翻翻每本書的內容,看哪一本的編排最適合你。
不要只是聽了朋友的推薦就衝動買下來,到時候如果不喜歡書本的解說、或者覺得內容太難,就欲哭無淚囉。(這邊有Carrie推薦的幾本css、html書籍,大家可以去看看)
假設你買好了書(或者從網路上蒐集到教學資訊),你可能會躍躍欲試,馬上就要開始寫 css。
但是你可能會發現無從下手?會不會因為你不知道要用什麼工具呢?
首先我們要知道一個概念,css 這個文件他無法單獨在瀏覽器中讀取,就算讀到也只是文字而已,css 必須搭配 html 才可以呈現他的效果。
我常常拿大家熟悉的「人」來做例子。
今天你要出門,你一定要穿衣服才能出門吧!!!
要搭配衣服(css)穿上自己(html)的身上,才可以有美麗的效果。所以說任何的美化一定要搭配一個實體的東西,否則就等於 0。
講到這裡,相信大家應該都懂了。
你的首要工具(知識),就是你一定要懂基礎的html,否則免談。如果你真的不懂,可能你要買的書籍就不是純粹的css,而是要搭配html的css書籍。
假設你會基礎的 html,要開始學習 css,這時候你的工具選擇有兩種方式:
我推薦大家使用網頁編輯的軟體(雖然我是用文字編輯),因為對初學者來說,大家不可能都把每一段 css 背的很熟,靠軟體輔助慢慢學習會比較好。
最後,有了好的教學書籍,有了很棒的輔助軟體,就要歡迎你來到 css 的世界囉!!
一開始你會學的很愉快,因為 css 普遍來說並不難。但是隨著接觸的資料愈多,需要用到更高深的技巧,甚至是 CSS3 搭配 HTML5 的變化時,可能會有很嚴重的挫敗感。不過請不要氣餒,因為學起來了就是你的!!!
css 不是一蹴可及的東西,他需要不斷的練習、學習,你才可以將他運用自如。
而且 css 一直在進化,我們都需要不斷上網學習新知識,才可以讓自己的網頁排版功力一直進步唷XD。
這篇說明也是好棒啊!
感覺很振奮人心,自學也能學得很好(被鼓舞了)~~
太好了!! 我自己也是自學而來的,自學萬歲 XDDD。有問題都可以問我唷^^
恩恩好的非常感謝~~