为什么要初始化样式
用于浏览器默认css样式的存在并且不同浏览器对相同HTML标签的默认样式不同,若不初始化会造成不同浏览器之间的显示差异。
怎么初始化样式
- 创建一个新的 CSS 文件或打开现有的 CSS 文件。
- 在文件的开头添加以下代码
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-size: 16px; line-height: 1.5; } /* Add your custom styles below this line */
这段代码将对所有元素应用基本的样式重置,并设置了基本的字体大小和行高。
- 在 "Add your custom styles below this line" 注释下方添加你自己的自定义样式。你可以根据需要添加样式规则,例如设置页面的背景颜色、字体样式、边距等。