在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設定
tag那麼多,如果想要設定什麼,都要去每個特定tag那裏加attribute,這會超級麻煩的,所以就統一寫好一些格式設定在一個CSS檔,然後讓html document去引用這個CSS檔,就會自動對某一類tag套用設定,省code、省麻煩,總而言之,這好像是原本你要很多開關來分別控制一堆燈泡,現在用一個開關就可以控制很多你想控制的燈、達到你要的控制效果
要讓用CSS寫的內容發揮作用,有兩個辦法,一個是寫一個CSS檔案,然後讓html document去引用這個CSS檔,另一個辦法是寫在html document的<style></style裡面
不過剛剛試了在html編輯模式下貼上代碼,預覽後會使我的部落格整個大變形和混亂orz...,只好只分享代碼
瀏覽器開啟後長這樣,藍字Codecademy是連結,下面那個按鈕也是連結,用CSS簡化了tag的attribute設定
留言
張貼留言