摘要: linear-gradient() (线性渐变) repeating-linear-gradient() (重复的线性渐变) radial-gradient() (镜像渐变) repeating-radial-gradient() (重复的镜像渐变) 设置渐变色。 这四个属性, 都可以作为背景图片的 阅读全文
posted @ 2019-07-17 01:18 杨耿 阅读(1935) 评论(0) 推荐(2)
摘要: background background 的几个属性回顾一下,而且还有css3 的几个属性。 background-color background-image background-repeat background-position background-attachment backgrou 阅读全文
posted @ 2019-07-17 00:56 杨耿 阅读(1737) 评论(0) 推荐(0)
摘要: border-image border-image呢,是给 边框加上背景图片的。没错,就是平常那一小小条的边框,也能加图片。 参数: border-image-source border-image-slice border-image-width border-image-outset borde 阅读全文
posted @ 2019-07-16 17:59 杨耿 阅读(3042) 评论(0) 推荐(0)
摘要: box-shadow box-shadow呢 是设置元素的阴影效果的,利用这个属性,可以设计很多很炫丽的效果,不信? 等下,学完,我们就来完成下面这两个效果 首先 先了解一下,box-shadow 的一些参数: box-shadow: inset 10px 10px 30px 0px #fff; 第 阅读全文
posted @ 2019-07-15 23:43 杨耿 阅读(1379) 评论(0) 推荐(1)
摘要: border-radius border-radius 几种写法: 1.border-radius: 50%; 以正方形为例子, 这样写就是设置 4个角 为50%。 2.border-radius: 50% 50%; 这样是设置, 左上角 和 右下角 为50%。 右上角 和 左下角为50% 3.bo 阅读全文
posted @ 2019-07-15 21:04 杨耿 阅读(996) 评论(0) 推荐(0)
摘要: Pseudo-Classes Selectors(伪类选择器) E:not(s) E:root E:target E:first-child E:last-child E:only-child E:nth-child(n) E:nth-last-child(n) 这上面一行的选择器,都会考虑其他元素 阅读全文
posted @ 2019-07-15 13:07 杨耿 阅读(15865) 评论(2) 推荐(1)
摘要: Pseudo-Element Selectors(伪元素选择器) E::placeholder E::selection E::placeholder 这个选择器是选啥的呢, 是选 input 里面的 文字,那个提示你 请输入什么那个文字的请看下面: 但是这个选择器吧,兼容的特别差, 这个兼容情况, 阅读全文
posted @ 2019-07-15 10:06 杨耿 阅读(544) 评论(0) 推荐(0)
摘要: Attribute Selectors(属性选择器) E[attr ~="val"] E[attr |="val"] E[attr ^="val"] E[attr $="val"] E[attr *="val"] E[attr ~="val"] 我们平常用的属性选择器是 E[data="a"],我们 阅读全文
posted @ 2019-07-15 10:06 杨耿 阅读(1647) 评论(0) 推荐(0)
摘要: Relationship Selectors(兄弟选择器) E + F E ~ F E + F 其实这个选择器用起来,没那么常见。 什么意思呢, 下一个满足条件的兄弟元素节点。 也就是说 可以选择下一个兄弟元素节点,但是呢,必须是满足条件的,条件就是 + 后面的 div + .box 意思就是 我要 阅读全文
posted @ 2019-07-15 10:05 杨耿 阅读(2232) 评论(0) 推荐(1)
摘要: 预处理器: 使用别人的语法规则,来完成你想做的事情,做起事情来,会更轻松,更简单。 后处理器: 原来你怎么写就怎么写,不用考虑兼容性的问题等, 等你写完后, 会再帮你补齐你 做的不好的地方。 postCss: 有人说他是后处理器,其实不是,他需要配合插件来完成的,他相当于,我帮你建了一栋楼的骨架, 阅读全文
posted @ 2019-07-15 00:29 杨耿 阅读(561) 评论(0) 推荐(0)