c__dreamer的博客

一个充满梦想的世界

margin的特性及Bug分析

margin是盒子模型中的外边距,在很多地方都会用到这个属性。对于margin相关的东西做了一些总结 目录 特性总结 margin的auto值的应用 margin的Bug分析 特性总结 1.不属于盒子的组成部分,不会影响盒子的尺寸设置。 2.在元素周围生成额外的空白区,这个空白区永远...

2018-09-07 17:20:47

阅读数 126

评论数 0

padding的特性及百分比值详解

padding是盒子模型内部的组成部分,它的设置会影响盒子尺寸。 有一下注意点。 1.不同盒模型下的特点     标准盒模型设定下,影响盒子自身尺寸。     怪异盒模型设定下,影响盒子内容区域尺寸 2.行间元素的padding垂直部分的占用空间会受到line-height的限制 (有效...

2018-09-03 11:14:21

阅读数 542

评论数 0

宽与高的特性总结

css中的width和height用于设置元素的宽度和高度。 1.不同盒模型下的宽高设置     标准盒子设定下:设置的是元素的内容区域宽高。     怪异盒子设定下:设置的是元素的整体区域宽高。 2.值可以是数值 3.对inline(行级)元素无效 4.支持min和max前缀   ...

2018-09-03 10:56:49

阅读数 63

评论数 0

clip的text值设置文字遮罩效果

在background-clip中有一个属性值是text。用于让裁剪区域限制于容器中的文本内。可以让背景图呈现在文本区域内,实现用图像填充文本的神奇效果。 有一下几点需要注意:     1.需要配合webkit的另一个私有属性: -webkit-text-fill-color: 来实现。  ...

2018-09-03 10:42:35

阅读数 131

评论数 0

漫谈background各种属性的特性

在CSS3样式中background中可以划分多个属性进行设置。 目录 background-image background-attachment background-origin background-color background-repeat background-pos...

2018-09-03 10:28:13

阅读数 206

评论数 0

提示
确定要删除当前文章?
取消 删除