CSS 中的 * 星號,這個符號,原來不能亂用 / 如果要 (初始化) 參數,可以用別人的 reset 重置

1、CSS 中的 * 星號,這個符號,原來不能亂用

以前不知道,在 CSS font family 字型 字體 Updated 5 / 教你該如何設定 font-family 參數 這一篇中,是教大家,用 * 星號,將 margin 跟 padding 設 0




* 星號,是 (初始化) 再用的,將所有的 margin 跟 padding 都設 0

這樣會造成,各種 (標籤) (容器) 黏在一起...總之,不是上圖,那種用法,

額...這個 * 星號,只能用在 font-family 統一字型,如下圖




2、如果要 (初始化) 參數,可以用別人的 reset 重置

理解,為何要做 (初始化)

因為每種瀏覽器,在定義 (標籤) (容器) 上下左右邊距、內距、行距...等,

多多少少,會有些差異,不過我試了 IE11 Edge Firefox Chrome 並不會,差太多


github 上,有提供 CSS 之 (標籤) (容器) 初始化,是可以拿來用用,

詳細說明,可以參考,文章底部的 youtube 視頻解說

網址 https://zmarkchang.blogspot.com/2019/02/20190219-normalize-css-reset.html

你可以下載回來使用,或是用他們提供的 CDN 網址

CSS 代碼,使用方式,請參考 [CSS 學習] CSS 代碼 三種使用方式




相關教學 CSS 參數 font-family 字型,對 [按鈕] 內的數字、半角英字、中文字之影響,不對齊、偏上


返回目錄


對上述圖文教學,還不太明白的話,請至下方連結,查看 youtube 視頻解說

視頻解說之第一部分 https://www.youtube.com/watch?v=CYoaxQ5gi0k

謝謝大家,抽空觀看,files備份檔名 webscript01011

Teach you how to use an asterisk in CSS

沒有留言:

發佈留言

由於一直被灌水, 因此您發表留言之後, 需要等待博客主的審核, 才會公開您的留言, 所以請不要重複的留言
Hello my friend, I have no money, My blog is super chill, Please do not screw me up in the replies at the bottom of the article, thanks a lot