iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 29
0
自我挑戰組

程式香草的小旅行系列 第 29

css reset

今天的金魚都能懂網頁設計入門談到css reset。

我們用瀏覽器開啟網頁的時候,
不同的瀏覽器對於既有格式的設定會有一點不一樣。
也就是當你完全沒有做網頁的css設定時,
你的h1、p、ul、ol等等元素,
在瀏覽器上還是會有一定的格式設定,
例如標題的字比較大、間距比較大等等,
只是不同瀏覽器的設定細節會有不同。

這對網頁設計者來說會有點麻煩,
因為會很難掌握用任何瀏覽器開啟時,
可以完全精確地呈現你想要的效果(以及不會有壞掉的地方)。

因此在寫網頁時,
會需要先做reset的設定,
讓一切的設定還原,
你就可以盡情設計想要的效果。

另一種還原的方式是用 CSS normalize,
他不會將所有的設定清除,
而是保留了一份公式化的常用設定。
如果是熟悉網頁製作的老手,
可以考慮用這套設定,
省去一些設定的過程;
但新手還是可以先用reset來製作,
慢慢熟悉各個細節的寫法後會比較好掌握。

參考資料:
http://www.flycan.com/article/css/reset-css-562.html
https://ithelp.ithome.com.tw/articles/10196528
https://muki.tw/tech/reset-share-by-muki/
https://ithelp.ithome.com.tw/articles/10194537


上一篇
其他作弊方法:雙重支付和自私挖礦
下一篇
結束也是開始的日子
系列文
程式香草的小旅行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言