
css、css3
文章平均质量分 65
c-Tomorrow
如果你能力撑不起野心的时候,那么就应该静下心来好好学习了。
展开
-
css实例 文字阴影
text-shadow:h-shadowv-shadowblurcolor;h-shadow:必需。水平阴影的位置。允许负值。v-shadow:必需。垂直阴影的位置。允许负值。blur :可选。模糊的距离。color :可选。阴影的颜色JavaScript语法:object.style.textShadow="2px 2px #ff0000"案例:原创 2017-11-22 16:46:36 · 445 阅读 · 0 评论 -
padding的特性及百分比值详解
padding是盒子模型内部的组成部分,它的设置会影响盒子尺寸。有一下注意点。1.不同盒模型下的特点 标准盒模型设定下,影响盒子自身尺寸。 怪异盒模型设定下,影响盒子内容区域尺寸2.行间元素的padding垂直部分的占用空间会受到line-height的限制 (有效果,不占用空间)3.对除了table类显示模式的中间元素外,均有效 上述额中间元素指的是...原创 2018-09-03 11:14:21 · 4415 阅读 · 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 · 328 阅读 · 0 评论 -
clip的text值设置文字遮罩效果
在background-clip中有一个属性值是text。用于让裁剪区域限制于容器中的文本内。可以让背景图呈现在文本区域内,实现用图像填充文本的神奇效果。有一下几点需要注意: 1.需要配合webkit的另一个私有属性: -webkit-text-fill-color: 来实现。 2.仅适用于webkit系内核的浏览器。这个效果需要使用webkit的写法来描述属性。...原创 2018-09-03 10:42:35 · 1174 阅读 · 0 评论 -
漫谈background各种属性的特性
在CSS3样式中background中可以划分多个属性进行设置。目录background-imagebackground-attachmentbackground-originbackground-colorbackground-repeatbackground-positionbackground-clipbackground-size总结:背景的复合属性...原创 2018-09-03 10:28:13 · 3001 阅读 · 0 评论 -
实现背景半透明的方法及兼容解决方案
现在的CSS3有很多种实现半透明的方法,如: CSS3新增的rgba()或者hsla()色彩值实现。 CSS的opacity属性也可以实现 针对老板本IE浏览器可以通过alpha实现(这个等下说)。 opacity 用来定义一个元素的透明级别,值介于...原创 2018-05-27 17:36:26 · 792 阅读 · 0 评论 -
CSS3色彩关键字currentcolor优化
currentcolor是CSS3新增的一个可以说是变量的一个值 currentcolor CSS3新增的色彩关键词,代表“当前的color色彩”。 可以看作为一个变量,能够接受color值定义的地方都可以使用(如:背景色,边框色,阴影色....)。 因为color属性本身具有可...原创 2018-05-27 17:19:25 · 1193 阅读 · 0 评论 -
了解transparent,用transparent透明实现箭头绘制
transparent:指定透明度(版本更新:background属性->border属性->任何带有color的属性) transparent 用来指定全透明色彩,想当于rgba(0,0,0,0)。 background-color的默认值。 CSS3可以应用于所有...原创 2018-05-27 17:05:09 · 5434 阅读 · 0 评论 -
定义色彩的6中方法
随着前端体系的发展,CSS定义色彩的方法同样出现的很多,找到更便于自己的,适合在团队开发中使用的 CSS发展到CSS3至今有六种色彩模式色彩关键字 预定义的颜色名称(red,green,等等)十六进制#RRGGBBRGBrgb(red,green,blue)RGBA rgba(red,green,blue,alpha) CSS3HSLhsl(色...原创 2018-05-27 15:47:39 · 892 阅读 · 0 评论 -
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。1、正方形最终效果: CSS代转载 2018-02-02 00:16:51 · 230 阅读 · 0 评论 -
margin的特性及Bug分析
margin是盒子模型中的外边距,在很多地方都会用到这个属性。对于margin相关的东西做了一些总结目录特性总结margin的auto值的应用margin的Bug分析特性总结1.不属于盒子的组成部分,不会影响盒子的尺寸设置。2.在元素周围生成额外的空白区,这个空白区永远都是透明的。3.主要用于控制盒子与盒子之间的间距,以及盒子在页面中的占位。4.对inline元...原创 2018-09-07 17:20:47 · 955 阅读 · 1 评论