网页CSS中*{margin:0; padding:0;}有什么用

*  这东西叫“通配符”用来匹配页面上所有元素。*{margin:0; padding:0;} 像 2L 所说,body ,ul, li ,p,h1~h6,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。(注:不是没它不行,只是方便而已)

你加上面那句后页面乱,那是当然的,因为你没加时是基于有默认的margin或padding 进行设置的,去掉了默认值,就当然会乱了。咋办?一,就是不加*{margin:0; padding:0;}这条,二就是自行重新计算margin或padding值,进行重新设计
建议第二种,毕竟为以后着想。

怎么单独调用div.meinv用上*{margin:0; padding:0;}

直接在div.meinv后面加上就可以了。div.meinv *{margin:0; padding:0;}这样的意思是:匹配 div.meinv 下所有元素的 margin 和 padding 的值均为 0 。不过,如果你在最前面加上了 *{margin:0; padding:0;}  这句,就没必要再在 div.meinv 上加了……
时间: 2024-12-25 02:15:42

网页CSS中*{margin:0; padding:0;}有什么用的相关文章

使用CSS中margin和padding的基础和注意事项

在CSS中,margin和padding是页面布局的主要属性,如何灵活有效使用对于基于DIV+CSS设计网页方法是非常重要的,笔者经常使用且经常误使用,所以根据经验和网上资料整理出切合自己的内容,以备以后使用. 一.首先了解CSS盒模型 Box Model 通过这个CSS盒模型模型就很容易理解Margin.padding和Border.. W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面.背景会

CSS中margin和padding的区别

本文导读:padding margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距.margin是控件边缘相对父空间的边距. 在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离.在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离. 下面讲解 padding和margin常用的用法 一.padding 1.语法结构 (1)padding-left:10px; 左内边距 (2)pad

css中margin和padding的用法区别

谈到css中的margin和padding这两个我们几乎每个页面都会用到的属性,我们有必要先来了解一下margin和padding 1.什么是margin和padding 谈到margin和padding我们就有必要了解一下css盒模型 (Box Model) 根据上面的这张图我们可以很清晰的看到,margin用来设置外边距,padding用来设置内边距 啥是外边距和内边距,我们看下w3c上面的官方说明: css外边距: 围绕在元素边框的空白区域是外边距.设置外边距会在元素外创建额外的“空白”.

html,body { margin:0; padding:0;border:0}

body,html /* 设置窗口DIV为浏览器大小*/ { margin:0; padding:0; height:100%; } 下面代码 <!DOCTYPE html> <html lang="en"> <head> <style> #side{ float:left; width: 30%; height: 300px; background-color: #99FF99; } #main{ margin-left:30%; wi

关于css布局中margin,padding在整个布局中使用的一些细节

最近在学习写网页,在用html标记语言和css布局时,发现css布局中的margin,padding会使整个布局变大,最后在研究了css盒模型时找到了答案. 主要原因是margin定义了模块的外边距,padding定义了模块的内边距,如果在布局时没有把两块边距像素考虑到整个布局中,并且在父布局里宽高都设置为固定,此时会发生的事情就是:在整个父布局中如果宽度容纳不下子布局,那么子布局会撑出整个父布局,例如: <div id="container"> <div id=&q

类似于*{margin:0 padding:0;}

#mainbox{                border: 1px solid red;width: 960px;height: 1000px;margin: 0 auto;            }            body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{                padding: 0 ;margin: 0;         

HTML中margin和padding的区别

我们以DIV为一个盒子例子,既然和显示生活中的盒子一样,那我们想一下,生活中的盒子 内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫"content(内 容)",而盒子的纸壁给他起个名字叫"border(边框)",如果盒子内部的东西比如是一块硬 盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时 硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫"padding(内边距)",如果 我们需要购买

CSS中margin属性详解

margin属性概述margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性. 该接受任何长度单位,可以是像素.英寸.毫米或 em. 相关属性margin 可以单独改变元素的上,下,左,右边距.也可以一次改变所有的属性. 使用语法1.使用单独属性设置四边的距离 #d2 { border: 1px solid blue; /*为了显示效果,所以让d2有了边框 */ margin-top: 20px; /*上边距为20px*/ margin-right: 30px; /*右边距为

CSS属性margin、padding的区别

原始状态 不设置margin和padding的状态 margin 设置外边距之后的状态 padding 设置内边距之后的状态 ,注意是撑开,外框高宽由300px变成450px. 原文地址:https://www.cnblogs.com/shenyf/p/8439685.html