1、CSS 指层叠样式表 (Cascading Style Sheets)；
插入样式表的方法有三种:
- 外部样式表(External style sheet) //(每个页面使用 <link> 标签链接到样式表)
- 内部样式表(Internal style sheet) //(使用 <style> 标签在文档头部定义内部样式表)
- 内联样式(Inline style) //(在相关的标签内使用样式（style）属性)
（内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
2、背景\文本：
背景：图像平铺（background-repeat:repeat-x;）
文本修饰属性text-decoration ：用来设置或删除文本的装饰；
文本转换属性text-transform：是用来指定在一个文本中的大写和小写字母（uppercase\lowercase\capitalize）；
文本缩进属性text-indent：是用来指定文本的第一行的缩进；
文本字符、单词、行之间的空间（letter-spacing/ word-spacing/line-height）；
3、字体：
字体设置：front-family；
字体样式三种属性：font-style:normal/ italic/ oblique；
4、盒子
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。
最终元素的总宽度计算公式：总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距
边框：
border-style：属性1，属性2，属性3，属性4（上->右->下->左）
border-style：属性1，属性2，属性3（上->左右->下）
border-style：属性1，属性2（上下->左右）
5、分组和嵌套
嵌套：
- p{ }: 为所有 p 元素指定一个样式。
- .marked{ }: 为所有 class="marked" 的元素指定一个样式。
- .marked p{ }: 为所有 class="marked" 元素内（其他元素里嵌套的P元素）的 p 元素指定一个样式。
- p.marked{ }: 为所有 class="marked" 的 p 元素指定一个样式。（只有p元素中）
6、隐藏
visibility:hidden可以隐藏某个元素，但仍占用空间，影响空间布局；
display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。
7、display
- 块元素（h1、p、div noscript , ol , p , pre , table , ul , li）是一个元素，占用了全部宽度，在前后都是换行符;
- 内联元素(a、span , acronym , b , bdo , big , br , cite ,)只需要必要的宽度，不强制换行;
- 可变元素是根据上下文关系确定该元素是块元素还是内联元素（applet ,button ,del ,iframe , ins ,map ,object , script）
- 把列表项显示为内联元素({display:inline}) // 把span元素作为块元素({display:block})；
- display:inline-block -- 显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性
-
常将所有<li>元素加上display:inline-block样式，原本垂直的列表就可以水平显示了。
8、定位position的属性值：
- static 默认
- relative 相对正常位置
- fixed 对于浏览器窗口是固定位置
- absolute 绝对定位的元素的位置相对于最近的已定位父元素，如果没有已定位的父元素，那么它的位置相对于<html>:
- sticky 粘性定位的元素是依赖于用户的滚动
9、组合选择符
- 后代选择器（空格 分隔）用于选取某元素的后代元素
- 子元素选择器（Child selectors）（大于 > 号分隔）只能选择作为某元素直接/一级子元素的元素。
- 相邻兄弟选择器（Adjacent sibling selector）（加号 + 分隔）可选择紧接在另一元素后的元素，且二者有相同父元素。
- 后续兄弟选择器（波浪号 ～ 分隔）选取所有指定元素之后的相邻兄弟元素。
10、伪类
CSS伪类是用来添加一些选择器的特殊效果。
anchor伪类（链接的不同状态link、visited、hover、active已选中链接）、first-child 伪类、lang 伪类（为不同的语言定义特殊的规则）
伪元素：
383
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
