2019年7月17日
css3系列之linear-gradient() repeating-linear-gradient() 和 radial-gradient() repeating-radial-gradient()
摘要： linear-gradient() (线性渐变) repeating-linear-gradient() (重复的线性渐变) radial-gradient() (镜像渐变) repeating-radial-gradient() (重复的镜像渐变) 设置渐变色。 这四个属性， 都可以作为背景图片的 阅读全文
posted @ 2019-07-17 01:18 杨耿 阅读(1935) 评论(0) 推荐(2)
css3系列之详解background
摘要： background background 的几个属性回顾一下，而且还有css3 的几个属性。 background-color background-image background-repeat background-position background-attachment backgrou 阅读全文
posted @ 2019-07-17 00:56 杨耿 阅读(1737) 评论(0) 推荐(0)
2019年7月16日
css3系列之详解border-image
摘要： 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)
2019年7月15日
css3系列之详解box-shadow
摘要： box-shadow box-shadow呢 是设置元素的阴影效果的，利用这个属性，可以设计很多很炫丽的效果，不信？ 等下，学完，我们就来完成下面这两个效果 首先 先了解一下，box-shadow 的一些参数： box-shadow: inset 10px 10px 30px 0px #fff; 第 阅读全文
posted @ 2019-07-15 23:43 杨耿 阅读(1379) 评论(0) 推荐(1)
css3系列之详解border-radius
摘要： 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)
css3系列之伪类选择器
摘要： 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)
css3系列之伪元素选择器
摘要： Pseudo-Element Selectors(伪元素选择器) E::placeholder E::selection E::placeholder 这个选择器是选啥的呢， 是选 input 里面的 文字，那个提示你 请输入什么那个文字的请看下面： 但是这个选择器吧，兼容的特别差， 这个兼容情况， 阅读全文
posted @ 2019-07-15 10:06 杨耿 阅读(544) 评论(0) 推荐(0)
css3系列之属性选择器
摘要： 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)
css3系列之兄弟选择器
摘要： 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)