这次对CSS中所有的语法进行一次综合性的总结,后续的文章,将侧重与JavaScript和PHP,微信开发(小程序),以及Linux运维方面。css中设计到定位,布局,尺寸,外补白,内补白,边框,背景,颜色,字体,文本,文本装饰,书写模式,伸缩盒,装换,过渡,动画,媒体查询,伪类等等。我会集中对上述所说的方面进行详细的书写和说明,结合实例,让大家更好更快的掌握css3.0.那下面我们闲话少啥,拿起键盘就是敲.
下面的介绍,重点就是padding和margin,背景和颜色的使用,在实际的页面布局使用还是比较多的。我的github对于css的使用有专门的仓库,欢迎关注和star
github
1. 我们接着上一篇的,这一篇我们继续讲述css的知识点,这次主要学习尺寸,外补白,内补白,边框,背景,颜色,字体,文本,文本装饰。
2. 尺寸:主要针对宽度和高度。width和height。取值的情况可以是数字,也可以是百分比。这些比较简单。其中还有min-width和min-height,max-width和max-height,主要针对尺寸的设置。
3. 外补白:margin,取值可以为数字和百分比,取值有四个,分别是top,right,bottom,left。也可以单独设置,即margin-left,margin-top,margin-bottom,margin-right。
检索或设置对象四边的外延边距。
如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。
如果只提供一个,将用于全部的四边。
如果提供两个,第一个用于上、下,第二个用于左、右。
如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。
非替代(non-Replaced)行内元素可以使用该属性设置左、右两边的外补丁;若要设置上、下两边的外补丁,必须先使该对象表现为块级或内联块级。
外延边距始终透明。
某些相邻的margin会发生合并,我们称之为margin折叠,这也是我们应该引起重视的。
margin折叠常规认知:
margin折叠只发生在块级元素上;
浮动元素的margin不与任何margin发生折叠;
设置了属性overflow且值不为visible的块级元素&#x