零基础建站培训介绍

当前位置:

*{margin: 0; padding: 0}的作用与利弊

*{margin: 0; padding: 0}的作用

*{margin: 0; padding: 0}作用是Reset(重置)浏览器默认样式,对于各浏览器样式统一的话有着简单粗暴的效果。

*{margin: 0; padding: 0}的作用与利弊

* 这东西叫“通配符”用来匹配页面上所有元素。
*{margin:0; padding:0;}代表了网页中所有元素,包括body ,ul, li列表标签 ,p,H标题标签,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。这在学做网站论坛的html入门教程中都有详细讲解。

*{margin: 0; padding: 0}的利处

使用*{margin: 0; padding: 0}可以简单方便的一次性重置所有HTML网页元素的浏览器样式,代码少,控制量大。

*{margin: 0; padding: 0}的弊处

用*,这样效率会低很多,因为它重置了所有元素的样式,包括不需要重置的样式,例如table ,我们不需要去重置table元素的样式,所以还需要再为 table 设置默认样式,反而增加了代码量。

替代的写法:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {padding:0;margin:0;}

上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

  • 特效介绍:响应式12列CSS网格样式代码是一款网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。特效截图:特效适用:适用
  • transform 属性transform的含义是:改变,使…变形;转换transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方法:
  • :before 伪元素在元素之前添加内容:before这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性
  • 很多网站都有一个很大的问题,在这个浏览器上显示正常,但在其它浏览器显示却错位。这就是网站浏览器不兼容。如果你在自己建网站时也遇到了不同浏览
  • CSS常用属性大全 (14563 次学习)
    什么是CSS?CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。在
  • Part I 这种选择器的共同特征:指定的样式只有当元素处于某种状态时才起作用,在默认状态下不起作用CSS3中共有11种UI元素状态伪类选择器:E:hover 
  • Animate动画名称大全 (146042 次学习)
    animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡
  • HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关
  • 对于做网站来说,很头疼的问题就是网站做好后,不同浏览器出现不兼容的情况。主要原因就是由于不同浏览器对某些标签的属性初始值【margin,padding,fon