css杂记

1.将小写英文字母变大写
(1)font-variant:small-caps;
(2)text-transform:uppercase;
小写lowercase 大写字母开头capitalize
文字间距:letter-spacing:3px;

2.隐藏元素的方法：

（1）Display:none,可以隐藏，并且不占位置

（2） visibility: hidden; 可以隐藏，但是位置还在

3.定位
定位方式：static、fixed、relative、absolute

static：静态定位（默认）

无定位，元素正常出现在流中，不受left、right、top、bottom属性的影响

Fixed:

位置相对于窗口，脱离流，不占原有的位置，并且不会跟着浏览器窗口 而滚动

Relative:

相对定位，相对于一个东西，这个东西是他本身

absolute：绝对定位

找一个东西来 绝对定位，需要一个参照物。

4.另一种调节颜色的方式
HSL 即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）

色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。
饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取 0-100% 的数值。
亮度（L），取 0-100%，增加亮度，颜色会向白色变化；减少亮度，颜色会向黑色变化。

5.删除a标签的下划线可以用:text-decoration:none;

6.当我们在看图片时，可能觉得图片有点小，那我们就给用户一种体验，当用户把鼠标移入时，图片慢慢变大。
CSS3之“过渡”：transition()----定义如何放大图片和放大过程的时间
CSS3之“2D转换”：transform:scale()----放大图片
CSS3之“溢出”:overflow:hidden----当图片放大时，溢出要隐藏

7.渐变网站(https://www.grabient.com/)