在開始寫樣式之前,通常需要先對各種元素的默認樣式進行初始化,這樣可以避免一些不必要的樣式干擾。
/* 初始化 */ * { margin: 0; padding: 0; box-sizing: border-box; }
在這個初始化代碼中,我們使用了通配符 * 來表示對所有元素的樣式進行初始化。其中,margin 和 padding 都被設置為 0,以避免在樣式應用到特定元素時出現的樣式沖突。box-sizing 屬性被設置為 border-box,這樣可以讓元素的寬度和高度包括 border 和 padding。
可以在
標簽中使用標簽鏈接初始化樣式表:初始化樣式表
在這個例子中,我們將初始化樣式表保存在名為 reset.css 的文件中,并通過 link 標簽在網頁中引用這個樣式表。其中,rel 屬性指定鏈接該文件的關系為樣式表,href 屬性指定要鏈接的文件路徑。
初始化樣式表是一個好習慣,它可以讓我們在寫樣式時更加穩定和便捷。通過對默認樣式進行統一的初始化,可以避免樣式沖突和不必要的調試,同時也可以提高網頁的性能。
上一篇運用css做導航頁面
下一篇css中可以賦值變量嗎