本资源提供全面的CSS及CSS3知识点梳理,采用直观的XMind格式思维导图,方便学习者系统掌握和复习相关技术内容。
CSS是层叠样式表(Cascading Style Sheets)的简称。它是一种标记语言,并且属于浏览器解释型语言,可以直接由浏览器执行而无需编译。CSS用于表现HTML或XML文档中的内容。
该技术是由W3C的CSS工作组发布并维护的标准。学习CSS对于编程入门者来说是必要的课程之一,使用它可以使得网页更加美观。
CSS语法主要包括三个部分:选择器、属性和值,格式为:
selector {property: value}
最新的标准版本是 CSS3。相较于早期版本,CSS3添加了一些新的样式设置选项,但它仍然保持了向前兼容性。也就是说,在旧版中有效的代码在新版中也同样有效。然而,如果浏览器不支持某个特定的新特性,则该特性的效果将不会显现出来。
对于编写代码而言,除了对新增加的属性进行设定之外,CSS3和早期版本之间没有显著差异。
新引入的一些CSS3属性包括:
- box-shadow:阴影效果
- border-colors:为边框设置多种颜色
- boder-image:图片边框
- text-shadow:文本阴影
- text-overflow:文本截断
- border-radius:圆角边框
- opacity: 不透明度
- box-sizing: 控制盒模型的组成模式
- resize: 允许用户调整元素大小
- outline: 外边框
- background-origin : 指定背景图片从哪里开始显示
- background-clip: 指定背景图片从什么位置开始裁切
- background:为一个元素指定多个背景