CSS (个人纪录篇)

63 阅读1分钟

自己看到写的比较好的一篇(如有侵权, 联系我删除即可)

css属性

1.background: linear-gradient()

blog.csdn.net/h1588206595…

2.box-shadow:

111.png

例子(box-shadow: 3px 5px 5px red;)下图是为了显示所以数据故意扩大

(1)第一个参数影响的效果  1.png (2)第二个参数的影响 

2.png (3)第三个参数的效果

3.png (4)第四个参数

4.png (5)第五个参数就是颜色

(6)第六个参数

6.png

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.    {

            {

            }

       }

非常常见,越往里说明辈份越小

  1. div:nth-child(n) div第n个孩子 这个n是从1开始的哦

类似的有p:first-child last-child等

假设n为3这个有个需要注意的点:第三个p 和第三个span都会生效

只要是第三个并且他的父亲是div就会生效

777.png

3 .想要第三个p生效但是第三个span不生效,可以使用>:nth-child(n). 

'>'代表亲儿子

4 .&

.a {

    &.b {}

}

这个类似 .a.b{} 是同级的哦 作用在一个元素上的

.a .b{}中间有空格这个b是a的子元素。

5.scss常用知识点(如有侵权,联系我删除) 个人感觉很不错 掌握了 这些就差不多了

blog.csdn.net/qq_40323256…