Silent_crab的博客

官方文档地址： https://www.sass.hk/guide/发现很多公司要求掌握sass或scss，那就学习一下吧

![一、 WEB字体1、不同的字体格式2、使用需要字体，与平时见到的CSS用法不同，这里用@font-face{font-family:’’src:’’}3、CSS字体的相关属性必须：font-family src可选： font-stretch font-style font-weight unicode-range二、transformstransforms这个新特性，有一个特点，在移动元素的同时，却不会引起浏览器的重排，GPU会为其开启一个新的复合图层，不会影响默认复合图层（

一、渐变1、线性渐变background: linear-gradient(direction, color-stop1, color-stop2, …);linear线性除了用于普通的渐变效果，还可以用于画一条0.5px的线background-image: linear-gradient(0deg, #f00 50%, transparent 50%);让1px的线一半有颜色，一半是透明，就是0.5px了2、径向渐变background-image: radial-gradient(s.

其实CSS的一共总结了那么多，一直懒得发出来，今天把学完的发出来，顺便复习一下CSS。一、圆角CSS的圆角还常用于绘制圆形，可以用 border-radius:50%二、边框图像source slice width outset repeat 其实不止是边框背景图像，其它元素也有差不多的属性。三、多重背景1、多重背景的概念2、多重背景的相关属性backgroud-size|origin|clipsize，尺寸，contain：有包含的意思，背景图是能完全看到的；cover：覆盖cli

单位与特异性也算是CSS 面试中比较常见的点了特异性可以用于样式选择的优先级，不要总是简单地说 行内>id>类，需要说得更详细一些其实还有一个important，是优先级最高的，∞大，但是如果是继承者，父亲有important，但是对于子类来说，继承的来的是优先级最低的。需要注意。...

图片库 图像精灵：相当于自己创建了一个页面中的组件，设置组件的样式计数器： CSS有自己的计数器。其实可以用vue或JS很多方式实现，感觉没有什么大用，了解一下即可网站布局： 布局尽量用HTML语义化标签 header,footer,section 等...

中级教程（三）分为三个部分对齐、导航栏、下拉菜单其实基本都是学习过的内容，实际上是对各个学习过的知识点的综合应用。包括普通的形状、颜色样式，以及点击效果，悬停效果用到的伪类位置用到了float position等，同样是面试中常考的点...

一、overflow属性及它可能出现的值，内容溢出元素框时的做法二、浮动foat属性及它的值三、清除浮动 一般来说，可以 clear:both，或是设置clearfix类四、布局display的值

中级教程，开始学习布局一、display的作用和值有哪些二、width好max-width的用法三、用position定位，这也是面试中高频出现的知识点，static（默认），relative，absolute，fixed，sticky（粘性，较少出现）四、z-index当出现重叠时元素的出现位置五、clip 剪裁...

一、使用三种使用方法二、注释*开头*/结尾三、颜色 直接输入颜色 rgb与rgba模式 hsl与hsla模式四、背景backgroud-*

这一部分主要对 CSS概念、CSS语法，以及CSS选择器进行了复习。比较难的是CSS选择器，内容很多。在这上面花费了较多时间。太多了，记不清楚。而且很多是很相似的。例如：first-child 和:first-of-type ;属性选择器中的|=和^=，需要注意区别。CSS选择器有如下几种分类1、简单选择器2、组合选择器3、伪类选择器4、伪元素选择器5、属性选择器其中伪类和伪元素很相似，伪类有一个冒号，伪元素有两个冒号。after，before比较特殊，可以一个冒号，也可以有两个冒号，它们本