CSS样式

CSS相关知识点归纳总结思维导图，如有错误，请各位指正。

CSS样式（2）

• CSS背景
  • background简写
    • 颜色/图像/重复/固定/位置
  • 背景色(background-color)
    • 作用：进行填充背景颜色
    • 使用：background-color:颜色值
  • 背景图片(background-image)
    • 作用：设置背景图片
    • 使用：background-image:url（相对地址）
  • 背景重复(background-repeat)
    • 价值
      • 设置背景图片如何重复
    • 分类值
      • repeat-x
      • repeat-y
      • no-repeat
    • 使用
  • 背景定位(background-position)
    • 作用：
      • 设置背景图像的起始位置，如果图像要重复，就从这个位置开始
    • 分类
      • top left
      • top center
      • top right
      • center right
      • center left
      • center center
      • bottom left
      • bottom right
      • bottom center
      • x% y%
        • 定义：第一个值是水平位置，第二个值是垂直位置
    • 使用
  • 背景关联（background-attactment）
    • 价值：设置背景图像是否固定或者随着页面的其余部分滚动。
    • 分类
      • scroll
        • 定义：背景图像会随着页面其余部分的滚动而移动。
      • fixed
        • 定义：当页面的其余部分滚动时，背景图像不会移动。
    • 使用
• CSS文本
  • 定义：可改变文本的外观
  • 作用
    • 通过文本属性，您可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。
  • 缩进（text-indent）
    • 作用：进行文本缩进
    • 使用：text-indent:5em
  • 水平对齐(text-align)
    • 作用：让文本水平对齐
    • 分类
      • left
      • right
      • center
    • 使用
  • 字间距(word-spacing)
    • 定义：增加或减少单词间的空白
    • 使用
      • word-spacing:5px;
  • 文本装饰(text-decoration)
    • 定义
      • 添加到文本的修饰。
    • 分类
      • none
      • underline
        • 定义文本下的一条线
    • 场景：可以在那个毛标签里把标签的下划线去掉
    • 使用
• CSS字体
  • 价值：可以设置字体
  • font-family
    • 定义：设置文本的字体
    • 使用
  • font-style
    • 作用：规定字体样式
    • 分类
      • normal
      • italic
    • 使用
  • font-variant
    • 价值：设定小写大写字母
    • 分类
      • normal
      • small-caps
        • 定义：小型大写字母的字体
    • 使用
  • font-weight
    • 作用
      • 设置文本的粗细
    • 分类
      • normal
      • bold
        • 定义粗体
      • bolder
        • 更粗
      • lighter
      • 100-900
        • 400=normal,700等于bold
    • 使用
  • font-size
    • 定义：设置文本的大小
    • 使用
• CSS连接
  • 价值
    • 用不同的方式为链接设置样式
  • 分类
    • a:link
      • 定义：没有任何操作
    • a:visited
      • 定义：已经访问
    • a:hover
      • 定义：悬浮
    • a:active
      • 定义：长按
  • 使用
    • 与上面的东西结合使用
• CSS列表
  • 定义：列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。
  • list-style-type
    • 价值
      • 用于修改列表项的标志类型
    • 分类
      • none
        • 定义：无标记
      • 其他的自查
    • 使用
  • 简写list-style样式