CSS
语法
h1 {color:red; font-size:14px;}
选择器
- 标签选择器:
h1
- 选择器分组:
h1,h2
- 通配符选择器:
*
- id选择器:
#id
- 类选择器:
.class
- 属性选择器:
[title]
- 后代选择器:根据上下文选择元素,可以跨代
- 子元素选择器:以
>
来定义只能选择其子元素
- 相邻兄弟选择器:
li + li
,除开第一个子元素
选择器优先级
- id选择器 > 类选择器 > 标签选择器
- 行内样式 > 内部样式和外部样式(和顺序有关) > 默认样式
盒模型
- 内边距
- 边框
- 外边距
- 外边距合并:当两个垂直外边距相遇时,它们将形成一个外边距。
合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
定位
一切皆为框display:block
- 相对定位
- 绝对定位
- 浮动
position:static,absolute,relative,fixed,inherit
float:left,right,none,inherit
样式
- 背景
- background-color
- background-image
- background-repeat
- background-position
- background-attachment
- 文本
- 字体
- 链接
- 列表
- 表格
- 轮廓