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；

CSS知识点之W3schools学习笔记相关推荐

好程序员web前端分享CSS Bug、CSS Hack和Filter学习笔记
为什么80%的码农都做不了架构师?>>> CSS Bug.CSS Hack和Filter学习笔记 1)CSS Bug:CSS样式在各浏览器中解析不一致的情况,或者说CSS样式在 ...
一、css清除浮动方法学习笔记总结（超详细，简单易懂）
** css清除浮动方法学习笔记总结(超详细,简单易懂) ** 问题: 上图中,由于container(父级元素)未设置高度,其内部子元素设置了float浮动,导致与container同级(也就是co ...
css基础教程【学习笔记】
[前端总路线学习笔记] 文章目录 css基础一. css初识二. css语法规范三. 字体属性四. CSS注释五.开发工具六. 选择器七.文本属性八.css样式表: 1.内部样式表(嵌 ...
Java Web--HTML、CSS、JavaScript详细学习笔记（内含丰富示例代码）
** Java Web–HTML.CSS.JavaScript学习笔记 ** HTML(Hyper Text Markup Language超文本标记语言):控制的是页面的内容,是由标签组成的语言,能 ...
SEO优化知识点以及思路学习笔记
文章目录前言实用网站工具网站 SEO知识博客一.初步认识SEO 二.网页爬虫的管理规则三.链接提交与页面收录四.知识点学习 4.1.了解权重 4.2.点击率.访问量与停留时间五.SEO优 ...
CSS基础——CSS 三大特性【学习笔记】
1 CSS层叠性概念: 所谓层叠性是指多种CSS样式的叠加. 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉原则: 样式冲 ...
CSS基础——CSS复合选择器【学习笔记】
复合选择器后代选择器并集选择器 CSS选择器分为基础选择器和复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签. 目的是为了可以选择更准确更精细的目标元素标签. 复合选择 ...
CSS基础——选择器【学习笔记】
**CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 ** css 就是分两件事, 选对人, 做对事标签选择器类选择器 id选择器通配符选择器 CSS选择器: (1)标签选择器 ...
CSS语法大全，学习笔记
序号名称说明/代码备注 1. CSS 中英文名层叠样式表 Cascading Style Sheet 2. CSS 文件拓展名 .css 3. CSS 注释 /*注释内容*/ 4. 4 种样式 ...

CSS知识点之W3schools学习笔记

CSS知识点之W3schools学习笔记相关推荐

最新文章

热门文章