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的区别