css样式笔记

时间:2019-06-13
本文章向大家介绍css样式笔记,主要包括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

原文地址:https://www.cnblogs.com/xingxyx/p/11019348.html