妍思码匠的博客

方式必须在:root作用域中定义:root {// 定义全局变量globalColor。

过渡就是元素从一个样式逐渐变成另一个样式的效果。

x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 | 阴影向内blur-radius模糊半径：默认是0，如果设置了数值，相当于创建了一个渐变的区域，向周边的颜色过渡。模糊半径不能为负值，且数字越大越模糊spread-radius扩散半径：也可以理解为缩放比例对阴影部分的缩放默认为0。为正值时增加阴影的大小，为负值时减小阴影的大小inset如果没有设置，阴影在盒子外部，如果指定，则阴影在盒子内部。

默认顺序是：italicobliquebolder是比bold更粗的粗体。

BFC（Block Formatting Context），块级格式上下文。他是一个独立的容器，规定了容器内的元素的布局规则，并且保证容器内部和外部的元素不会互相影响。垂直方向的margin会重叠浮动元素也参与计算1，解决设置浮动后导致父元素高度坍塌问题可以通过给父元素设置overflow: hidden;的方式，让父元素变成一个BFC容器。这样同时也实现了清除浮动的效果。2，解决两个DIV的外边距重叠问题可以给这两个元素都变成成BFC容器，来解决margin边距重叠问题。3，两栏布局。

media媒体查询在响应式设计中主要体现在为不同的设备可以展示不同的样式。使用not必须指定媒体类型！

除了常见的id、标签、类、通配符*选择器，css还提供了一些属性、伪类、伪元素选择器等。

像素单位，相对于屏幕的分辨率。

他是早期最常见的布局，使用需要注意以下几点：1，他是脱离文档流的布局方式，设置float属性会使元素从文档流中移除，因此周围的元素会重新排列适应他的位置，很容易导致父元素高度坍塌，因此开发时需合理设计2，使用之后需要通过clear属性清除浮动position的属性值有5个：static、relative、absolute、fixed、sticky静态定位，即无任何定位（相当于border中的none）。通常不需要设置相对定位，相对于元素本身原来在文档流中的位置进行定位。使用left、right、top、bo

盒模型针对于低版本的IE浏览器和其他浏览器分成两种，IE盒模型和标准盒模型。因此，对于兼容低版本IE浏览器的页面，需要考虑盒子模型的兼容性。：内容不包括padding和border部分。：内容包括padding和border部分。即一个盒子的width或height =即一个盒子的width或height =