CSS简介
- CSS 指层叠样式表 (Cascading Style Sheets)
- 样式定义如何显示 HTML 元素
- 样式通常存储在样式表中
- 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
- 外部样式表可以极大提高工作效率
- 外部样式表通常存储在 CSS 文件中
- 多个样式定义可层叠为一个
CSS语法
- CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明
- 选择器通常是您需要改变样式的 HTML 元素。
- 每条声明由一个属性和一个值组成。
- 属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
- CSS声明总是以分号(;)结束，声明总以大括号({})括起来
- 注释语法 /* 注释内容 */
CSS选择器
- id选择器：CSS 中 id 选择器以 “#” 加id名来定义。
- class选择器： CSS中class选择器以"."加class名来定义
- 属性选择器：可以为拥有指定属性的 HTML 元素设置样式
- 元素选择器： 将HTML的标签名作为选择器
- 后代选择器
CSS盒子模型
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。
CSS(position)定位
- static：HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
- relative：相对定位元素的定位是相对其正常位置。
- fixed：元素的位置相对于浏览器窗口是固定位置。
- absolute：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>
- sticky：粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
CSS RGB颜色
在 CSS 中，可以使用下面的公式将颜色指定为 RGB 值：
rgb(red, green, blue)
每个参数 (red、green 以及 blue) 定义了 0 到 255 之间的颜色强度。
例如，rgb(255, 0, 0) 显示为红色，因为红色设置为最大值（255），其他设置为 0。
要显示黑色，请将所有颜色参数设置为 0，如下所示：rgb(0, 0, 0)。
要显示白色，请将所有颜色参数设置为 255，如下所示：rgb(255, 255, 255)。
CSS 伪类
CSS伪类是用来添加一些选择器的特殊效果。
伪类的语法：
- selector:pseudo-class {property:value;}
- selector.class:pseudo-class {property:value;}
2093
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
