发表于: 2021-03-02 19:34:51
1 954
今天完成的事情:写完了任务十五的三个界面
明天计划的事情:优化代码,修改错误
收获:
如何做默认样式重置?resetting 和 normalizing 之间有什么区别?
通常情况下,主流浏览器会自带一些元素的样式来保证当用户不对一些元素设置样式的情况下让页面布局合理,但是由于每个浏览器的默认元素样式不同,会导致页面元素在不同的浏览器上的展示方式出现差异,而且有时候我们不想按照浏览器的默认样式来进行布局,这样就产生了CSS样式重置这一方式,它的目的就是使网页在不同浏览器上展示效果保持一致,同时还符合我们对页面的布局要求。
什么是CSS Reset?
最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
最简单的css reset
* {
padding: 0;
margin: 0;
}
什么是Normalize?
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css
是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks
以及许许多多其他框架、工具和网站上。
normalize创造的目的:
1 保护有用的浏览器默认样式而不是完全去掉它们
2一般化的样式:为大部分HTML元素提供
3修复浏览器自身的bug并保证各浏览器的一致性
4优化CSS可用性:用一些小技巧
5解释代码:用注释和详细的文档
reset和normalize的区别
1. Normalize.css 保护了有价值的默认值
2. Normalize.css 修复了浏览器的bug
3. Normalize.css 拥有详细的文档
评论