CSS知识点之W3schools学习笔记

近来把在w3schools上面把html、css、javascript的知识又从头到尾过了一遍，又发现了一些平时不了解的知识点，在此作下CSS的笔记，前端技术无穷尽，要时时学习时时总结！

1. text-decoration：常用于去除链接的下划线

2. list-style：用来设置list项目中的前缀样式

3. table中border-collapse：collapse；用来设定相邻的边框是否合并

4. outline： 边框外的线，不同于border，outline对元素的宽高无影响

5. 隐藏元素：display:none;与visibility:hidden; 前者隐藏后不占空间，后者仍占

6. position：

默认是static，不受top、left等的影响

fixed：与窗口的相对位置，不会滚动

relative：相对于正常位置的偏移，内容位置改变，但占据的空间不变，一般放置在最后

absolute：相对于第一个非static的元素作偏移，若是第一个，相对于html，不占据空间

7. clip：用于切割绝对定位的元素，若overflow:visible; 无效

8. before：用于在元素前放置内容

9. 属性选择器：[title]: 有title的元素；[title=hello]；[title~=hey]: 匹配title中有hey的元素，如hey, Tyler；[title|=hello]；

CSS3：

1. @font-face：用于自定义自己的自提文件标准下的字体

2. 溢出文本处理：text-overflow

3. transform：

transform:rotate(30deg)；translate(xpx, ypx)；rotate(xdeg)；scale(xpx, ypx)；skew；matrix

4. translation在改变样式时添加效果，可设定延时等属性

5. @keyframes用于创建自己的动画，在CSS的animation中使用

6. columns：columns-count；column-gap；column-rule

7. user-interface：resize；box-sizing；outline-offset；