近来把在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;