不用通用选择器*｛margin:0; padding:0;｝应该注意的问题

最新推荐文章于 2023-03-30 16:14:34 发布
最新推荐文章于 2023-03-30 16:14:34 发布
阅读量1.2k 收藏
点赞数
分类专栏： css问题 文章标签： firebug div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxleezx/article/details/7348643
版权

前几天看了一篇文章，说的是关于使用通用选择器*｛margin:0; padding:0;｝的弊端：会初始化所有的标签，这样就会占据很多资源。。

当然解决的办法就是用像这样body,div,ul,li,a,{padding:0; margin:0;} 。。仅仅初始化需要用到的标签。

今天使用了这一招，结果因为习惯行的遗忘，导致很多地方出现莫名其妙的空白边。。。百思不得其解。。。最后用firebug查看。。。。才想到自己没有对相应的div清除边距。。。真的对自己有时候很无语啊

zxleezx
关注
专栏目录
十种CSS选择器详解介绍
01-31
#### 一、通用选择器 - **定义**: 通用选择器使用星号 `*` 来表示，能够匹配HTML文档中的每一个元素。 - **示例**: ```css * { margin: 0; padding: 0; } ``` - **用途**: 常用于重置浏览器默认样式，如清除...
css 选择器 介绍
09-27
- **通用选择器**：星号`*`选择所有元素。`* {margin: 0; padding: 0;}`将清零所有元素的内外边距。 - **属性选择器**：根据元素的属性来选择，如`[target="_blank"]`选择所有打开新窗口的链接。 选择器的组合...
为什么不建议使用*{padding:0;margin:0;}进行reset？reset的目的是什么？？
吃瓜群众的博客
11-12 1098
原因：因为*需要把所有的标签都遍历一遍，当网站较大时，样式比较多，这样写就大大的加强了网站运行的负载，会使网站加载的时候需要很长一段时间，因此一般大型的网站都有分层次的一套初始化样式。 建议使用：html,body{padding:0;margin:0;} 初始化的真正目的不上为了去掉默认的边距，只是为了统一所有的浏览器，正常化。
CSS-通配符选择器
qq_45438471的博客
03-30 637
本文主要介绍了CSS通配符选择器的用法。
css 常用选择器
永_军的博客
04-08 240
初级选择器 1 * 通配符选择器 这个选择器是匹配页面中所有的元素，一般用来清除浏览器的默认样式. *{margin:0; padding:0} 2、元素选择器 通过标签名来选择元素。 div{color:red} 3、class选择器 class选择器 / 类选择器 / 用class属性给元素命名，在页面中可以出现很多次 .box{width:100px;height:100px;} ...
CSS之通配符选择器、复合选择器
nicolelili1的专栏
01-31 2206
一、通配符选择器 1、 2、 运行结果：作用于所有的标签，所有文字颜色都变成了红色 二、符合选择器 1、复合选择器就是把上面的几个单独的基本选择器混合来使用 2、 ① ② 3、 4、 ② ③
使用*｛padding:0;｝遇到的坑
u010037043的专栏
05-13 4024
像很多人一样，初学者我喜欢在css的最开头用*｛padding:0;｝，在做信用卡通知系统界面时我被这个坑了两次，在此mark。 一、table的cellpadding设置无效        在写一个table时，发现cellpadding设置无效，查找原因后是因为*｛padding:0;｝导致的。        解决方法有两种：         1.使用td的paddin
解释代码<style> * { margin:0; padding:0; }
最新发布
06-11
这段代码使用了通用选择器 `*`，表示选择页面中的所有元素。然后设置了这些元素的 `margin` 和 `padding` 值都为 0。 `margin` 表示元素周围的空白区域，它的值可以是正数、负数或者百分比。设置为 0 则表示元素的...
iframe { display: block; border: none; margin: 0; padding: 0; overflow: hidden; }没有用
06-06
可以尝试添加更加具体的选择器，或者使用浏览器的开发者工具检查样式是否被覆盖。 3. 样式被应用在错误的元素上：如果应用这个样式的元素不是 iframe 元素，也可能导致这个样式不起作用。可以检查一下应用样式的...
CSS3全解析：31种选择器实战指南
"这篇教程详细介绍了CSS3中的31种选择器用法，包括但不限于星号选择器、ID选择器、类选择器、后代选择器、标签选择器、伪类选择器等，旨在帮助读者全面掌握CSS3选择器的运用。" 在CSS3中，选择器是用于指定网页元素...
为什么不建议在css中直接使用*{padding:0；margin:0；}
技术积累，技术分享
09-18 1441
首先我们需要明确为什么使用*{padding:0;margin:0;}？ *表示所有元素，在html的某些页面标签元素中含有默认的margin值，这样不方便我们准确排版我们的页面，所以我们需要把所有元素的margin和padding格式化为0再根据需求自行设置 那么为什么不建议使用*{padding:0;margin:0;}进行格式化呢？ 1、使用*{padding:0;margin:0;}这样效率会很低，因为它重置了所有元素的样式，包括不需要重置的样式，如table ,我们不需要去重置table元素的样式
为什么不建议用*{margin:0;padding:0}?
qq_38229938的博客
07-01 4730
1.是不建议用的，应该把具体的标签名都列出来，有时别人在写示例时为了方便会直接这么写; body{ magin:0;padding:0; }这种，就是清除浏览器有可能默认设置边距； 因为“在全局范围使用*号，会极大的消耗资源，所以不建议在全局使用” 引用自 2.你加这个后，table设置的cellpadding，cellspacing都无效了，确认这是要的效果当然可以直接用这个样式 引用自 ...
设置了 *{padding: 0；margin: 0；} 但是没有用，仍然有padding【已解决】【蠢蛋】
pinkowonote的博客
08-03 2311
@media screen and (min-width: 768px) { *{ padding: 0; margin: 0; } .container { width: 750px; /* background-color: aqua; */ margin: 0 auto; } .container ul li { float: left; /* display: inli
【CSS】margin:0 auto;——使用条件/应用场景/不生效无效果的原因
热门推荐
weixin_39068791的博客
06-09 6万+
margin:0 auto；在不同场景下生效条件如下：         块级元素：给定要居中的块级元素的宽度。         行内元素：①设置display:block；②给定要居中的行内元素的宽度。（行内元素设置成块级元素后可以对其宽高进行设置）         行内块元素：设置display:block。（如input、button、img等元素，自带宽度可以不用设置其宽度）   ...
Vue使用全局样式，页面没有发生变化：逗号是中文的，引起错误，样式不变化 也没有报错就是不起作用
思维小刀
09-16 424
因为html后面的逗号是中文符号的，不是英文符号的 /*全局样式表*/ html,body,#app { height: 100%; margin: 0; padding: 0; }
css设置*为margin padding为0之后，页面依然与浏览器顶部有一个间隙
前端小白菜
07-20 6210
有点奇葩的问题=》BOM头
小程序样式表里面不要写：*{margin:0；padding:0}
weixin_42220130的博客
07-23 926
*{margin:0;padding:0} 写上之后，小程序打不开项目。。。。 讲真的wx小程序调试工具真的难用，各种bug
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值