在Codecademy學HTML和CSS─運用CSS來取代手動做tag的attribute設定

進入CSS課程後,我對它的理解是一個老道理:Don't repeat yourself (DRY).

tag那麼多,如果想要設定什麼,都要去每個特定tag那裏加attribute,這會超級麻煩的,所以就統一寫好一些格式設定在一個CSS檔,然後讓html document去引用這個CSS檔,就會自動對某一類tag套用設定,省code、省麻煩,總而言之,這好像是原本你要很多開關來分別控制一堆燈泡,現在用一個開關就可以控制很多你想控制的燈、達到你要的控制效果

要讓用CSS寫的內容發揮作用,有兩個辦法,一個是寫一個CSS檔案,然後讓html document去引用這個CSS檔,另一個辦法是寫在html document的<style></style裡面

不過剛剛試了在html編輯模式下貼上代碼,預覽後會使我的部落格整個大變形和混亂orz...,只好只分享代碼

瀏覽器開啟後長這樣,藍字Codecademy是連結,下面那個按鈕也是連結,用CSS簡化了tag的attribute設定



留言

這個網誌中的熱門文章

為什麼我覺得一些商管或財經雜誌的內容沒有價值

為什麼(-1)x(-1)=+1、不定義分母為0的分數

科學和宗教似乎有本質上的衝突、一些讓我敬謝不敏的玄論