CSS学习

CSS背景

1. 背景属性简介
CSS 背景属性用于设置HTML元素的背景内容（颜色或图片）
CSS 背景属性主要包括：

• background-color 设置背景颜色

• background-image 设置背景图片

• background-repeat 设置背景图片重复方式
  

• background-attachment 设置背景是否随页面滚动

• background-position 设置背景图片位置
  

CSS定位

1. CSS 定位属性简介
CSS 中 position 规定了元素的定位方式
CSS 可以通过设置 position 属性使 HTML 元素脱离正常文档流布局，从而使元素可以显示在任意位置
position 属性的可选值包括:

• relative 相对定位
  不脱离文档流布局，只改变自身的位置，文档流原位置遗留空白区域，定位的起始位置为此元素原文档流的位置

• absolute 绝对定位
  脱离文档流布局，遗留下来的空间由后面的元素填充，定位的起始位置为最近的父元素(position不为static)，否则为Body文档本身

• fixed 固定定位

• static 默认值

CSS 浮动

• CSS 浮动属性简介
  CSS float 属性是一个定位属性，用于使元素脱离正常的文档流，并浮动在它的父容器的左侧或右侧
  float 设置元素在水平方向浮动，意味着元素只能左右浮动而不能上下浮动
  float 属性的常用值包括:
• left 靠左浮动
• right 靠右浮动
• none 不浮动