自己看到写的比较好的一篇(如有侵权, 联系我删除即可)
css属性
1.background: linear-gradient()
2.box-shadow:
例子(box-shadow: 3px 5px 5px red;)下图是为了显示所以数据故意扩大
(1)第一个参数影响的效果
(2)第二个参数的影响
(3)第三个参数的效果
(4)第四个参数
(5)第五个参数就是颜色
(6)第六个参数
3.background的属性 东西有点多 我就记录一些常用的
eg:
background: url('../assets/home.png') right top no-repeat;
url('../assets/home.png') : background-image
right top : background-position
no-repeat: background-repeat
也可以background-size: 100% 100% 使背景图完全展示出来
CSS选择器
1. {
{
}
}
非常常见,越往里说明辈份越小
- div:nth-child(n) div第n个孩子 这个n是从1开始的哦
类似的有p:first-child last-child等
假设n为3这个有个需要注意的点:第三个p 和第三个span都会生效
只要是第三个并且他的父亲是div就会生效
3 .想要第三个p生效但是第三个span不生效,可以使用>:nth-child(n).
'>'代表亲儿子
4 .&
.a {
&.b {}
}
这个类似 .a.b{} 是同级的哦 作用在一个元素上的
.a .b{}中间有空格这个b是a的子元素。
5.scss常用知识点(如有侵权,联系我删除) 个人感觉很不错 掌握了 这些就差不多了