[前端] CSS

思想

语法

选择器

属性

尺寸
- width
背景
- background-color
- background-image
- bakkground-repeat
- background-size：背景拉伸
文本
- color
- test-align：对齐
- text-decoration：文本修饰
- line-height：行间距
- letter-spacing：字符间距
- word-spacing：单词间距
- text-indent：首行缩进
- text-transform：大小写
- whit-space：空格
字体
- font-size：尺寸
- font-style：风格
- font-weight：粗细
- font-family：字库
- font：声明在一起
鼠标样式
- 当鼠标移动到文字上时生效
- cursor:default
- corsor:text
表格
- table-layout：布局
  - automatic：单元格大小由<td>内容的宽度决定
  - fixed：单元格大小由<td>上设置的宽度决定
- border-collapse：边框
  - separate：边框分隔
  - collapse：边框合并
边框
- border-style：边框风格
- border-color：边框颜色
- border-width：边框宽度
- border-top：只有一个方向有边框
内边距
- 元素内容与边框间的距离
- padding-left：左内边距
- padding-top：上内边距
外边距
- margin-left：左外边距
- margin-top：上外边距
- 顺序：上-右-下-左
- auto：自动平均分配（居中）
边框
- width：内容
- padding：内边距，内容到边框之间的距离
- margin：外边距

布局

绝对定位：absolute
- position:absolute;：脱离原文档，单独定位
相对定位：relative
- position:relative：以原文档为基准定位
浮动：float
- 设置文字环绕图片
- 设置div不换行
- float:left;：向左浮动
显示方式
- display:none;：隐藏
- display:block;：块级
- display:inline;：内联
- display:inline-block;：内联-块级
水平居中
左侧固定
垂直居中
- line-height
左右固定
贴在下方
- buttom:0;
CSS块之间的空格