css样式笔记

1. box-shadow盒子阴影参数设置

/* x偏移量 | y偏移量 | 阴影颜色 */
box-shadow: 60px -16px teal;

/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影颜色 */
box-shadow: 10px 5px 5px black;

/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

/* 插页(阴影向内) | x偏移量 | y偏移量 | 阴影颜色 */
box-shadow: inset 5em 1em gold;

/* 任意数量的阴影，以逗号分隔 */
box-shadow: 3px 3px red, -1em 0 0.4em olive;

/* 全局关键字 */
box-shadow: inherit;
box-shadow: initial;
box-shadow: unset;

2.相对路径问题

/     根目录

./    当前目录

../   父级目录

举个例子：

在main.css中要引入背景图片ptlogin.png，background：url（"../images/ptlogin.png"）,从main.css文件的父级目录开始查找images文件夹下的ptlogin.png图片、

3.彻底理解margin和padding的区别

https://www.jianshu.com/p/73deb2ae7992