- 博客(5)
- 资源 (1)
- 收藏
- 关注
原创 margin的特性及Bug分析
margin是盒子模型中的外边距,在很多地方都会用到这个属性。对于margin相关的东西做了一些总结目录特性总结margin的auto值的应用margin的Bug分析特性总结1.不属于盒子的组成部分,不会影响盒子的尺寸设置。2.在元素周围生成额外的空白区,这个空白区永远都是透明的。3.主要用于控制盒子与盒子之间的间距,以及盒子在页面中的占位。4.对inline元...
2018-09-07 17:20:47 921 1
原创 padding的特性及百分比值详解
padding是盒子模型内部的组成部分,它的设置会影响盒子尺寸。有一下注意点。1.不同盒模型下的特点 标准盒模型设定下,影响盒子自身尺寸。 怪异盒模型设定下,影响盒子内容区域尺寸2.行间元素的padding垂直部分的占用空间会受到line-height的限制 (有效果,不占用空间)3.对除了table类显示模式的中间元素外,均有效 上述额中间元素指的是...
2018-09-03 11:14:21 4363 1
原创 宽与高的特性总结
css中的width和height用于设置元素的宽度和高度。1.不同盒模型下的宽高设置 标准盒子设定下:设置的是元素的内容区域宽高。 怪异盒子设定下:设置的是元素的整体区域宽高。2.值可以是数值3.对inline(行级)元素无效4.支持min和max前缀 (1)min-width和min-height设置最小宽高度。 (2)max-width...
2018-09-03 10:56:49 296
原创 clip的text值设置文字遮罩效果
在background-clip中有一个属性值是text。用于让裁剪区域限制于容器中的文本内。可以让背景图呈现在文本区域内,实现用图像填充文本的神奇效果。有一下几点需要注意: 1.需要配合webkit的另一个私有属性: -webkit-text-fill-color: 来实现。 2.仅适用于webkit系内核的浏览器。这个效果需要使用webkit的写法来描述属性。...
2018-09-03 10:42:35 1110
原创 漫谈background各种属性的特性
在CSS3样式中background中可以划分多个属性进行设置。目录background-imagebackground-attachmentbackground-originbackground-colorbackground-repeatbackground-positionbackground-clipbackground-size总结:背景的复合属性...
2018-09-03 10:28:13 1272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人