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;

你可能感兴趣的:(JavaScript,html,css,animation,Matrix,translation)