登录  /  注册
首页 > web前端 > css教程 > 正文

css样式重置

王林
发布: 2020-10-23 15:51:49
转载
2108人浏览过

css样式重置

对CSS重置的个人理解:

(推荐教程:css视频教程

首先,我觉得像我一样对于理解概念无感,容易混淆的前端小白要清楚什么是css重置样式,就要弄清楚两个概念:CSS Reset以及css重置(其实概念很相近,但是还是有所区别的),不然傻傻只知道css样式要重置,知其然不知其所以然,这对于我这种对概念有点强迫症的人来说,不搞清楚实在是太痛苦了。(哈哈哈,闲话少说,进入正题)

就我自己的理解而言,对于css重置样式表可以分为下面3个问题:

(1)什么是CSS Reset ?要用到CSS Reset的原因是?

(2)为什么要重置CSS?

好啦,问题抛出了,我也该说说我自己的理解了:(1)CSS Reset简单来讲就是根据我们自己编写页面的需求重新设置css属性(废话,这个当然大家都知道!可是我重点想说的是css reset的原因耶~)css reset主要是因为html标签在浏览器中都有各自的默认样式,比如: p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE 下,它的缩进是通过margin实现的,而Firefox下,它的缩进是由padding实现的。在切换页面的时候,浏览器的默认样式往往会给我们带来麻 烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。

(2)涉及到为什么要重置css,这点要从浏览器出发,因为不同的浏览器对于html标签的解释各不相同,重置css可以使得html标签在各个浏览器下产生相同的表现效果。

我觉得这个时候有必要贴出css重置的样式代码,不然说了半天的废话岂不是毫无用处?毕竟咬文嚼字不大适合我们嘛。

相关推荐:CSS教程

以上就是css样式重置的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:csdn网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号