css margin是什么意思(在CSS中*{margin:0;padding:0;}是什么意思)
本文目录
- 在CSS中*{margin:0;padding:0;}是什么意思
- CSS里的padding、margin分别是啥意思
- 网页设计中CSS样式里设定margin:0 20px 30% 0;其中30%是相对于什么是个什么概念
在CSS中*{margin:0;padding:0;}是什么意思
* {margin: 0;padding: 0;}是以前常见的一种 “重置“ 样式把所有网页内的元素都紧紧贴在一起的意思,因为浏览器的不同会产生不同的默认元素样式,例如 《p》 就会自动默认(隐藏地)加上 margin: 0 0 1em;所以 * { margin: 0; padding: 0; } 主要用途就是帮助你重置不同的浏览器默认样式,以达到不同浏览器显示网页的结果不会差太远的效果
CSS里的padding、margin分别是啥意思
Padding(填充)属性定义元素边框与元素内容之间的空间。
Padding属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
当元素的 Padding(填充)(内边距)被清除时,所“释放“的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用,一旦改变一个数值,则padding对应的距离都会改变。
扩展资料:
可能的值:
auto:浏览器计算外边距。
length:规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。
%:规定基于父元素的宽度的百分比的外边距。
inherit:规定应该从父元素继承外边距。
内外距离区别:
margin与padding如何进行区分,这是很多学html人的困扰,其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。
参考资料来源:百度百科-padding
网页设计中CSS样式里设定margin:0 20px 30% 0;其中30%是相对于什么是个什么概念
margin是用来设定该元素与相邻元素直接的距离。margin:020px30%0对应的是与上,右,下,左四边相邻元素的距离。30%指下边距为其父元素的宽度的30%补充:1.如果margin只有三个值,按照值的顺序为margin:toprightbottom;缺少了left,根据原则,则left的值有right来代替。margin:10px20px30px;就等于margin:10px20px30px20px;2.如果margin只有两个值,按照值的顺序为margin:topright;缺少了bottom和left,根据原则left的值由right来代替,bottm的值由top来代替。margin:10px20px;就等于margin:10px20px10px20px;3.如果margin只有一个值,按照值的顺序为margin:top;缺少了bottom、left和right,根据原则left的值由right来代替,bottom的值由top来代替,right的值右top来代替,也就是说left的值也由top来代替。margin:10px;就等于margin:10px10px10px10px;
更多文章:

立即关机命令shutdown(win10关机命令shutdown)
2025年2月21日 21:10

sql数据库2005(怎样将sqlserver2005整个数据库导出到另一个sqlserver2005数据库中)
2025年4月3日 01:50

dreamweaver 教程(如何使用Dreamweaver方便快捷编辑网页标签_Dreamweaver教程)
2025年3月21日 23:50

javascript高级程序员招聘(现在程序员一个月的工资大概多少)
2025年3月19日 18:40

allocate用法搭配(Allocate, distribute 区别与用法)
2025年3月2日 11:10