补齐昨天 出去玩了
天气好热 出门就是汗蒸房
颜色取值
文字颜色 color
背景颜色 background-color
颜色表示方式 | 表示含义 | 属性值 |
---|---|---|
关键词 | 预定义的颜色名 | red、green、blue |
rbg 表示法 | 红绿蓝三原色,取值 0-255 | rgb(0,0,0) |
rgba 表示法 | 红绿蓝三原色+透明度,取值 0-1 | rgba(0, 0, 0, 0.5) |
十六进制表示法 | #开头 | #000000 简写 #000 |
水平居中
margin: 0 auto;
div、p、h 需要设置元素的宽度,否则会自动撑满父元素
选择器
1、复合选择器
(1)后代选择器
父选择器 后代选择器{
}
(2)子代选择器
父选择器 > 子代选择器: {
}
2、并集选择器
选择器1, 选择器2: {
}
3、交集选择器
选择器1选择器2: {
}
4、hover 伪类选择器
鼠标悬停状态
选择器:hover { }
背景
背景颜色
background-color: transparent;(默认背景色是透明;背景色在背景图之下)
background-repeat 默认平铺水平垂直
background-repeat: no-repeat;不平铺
repeat-x 水平方向平铺(x 轴)
repeat-y 垂直方向平铺(y 轴)
背景位置
background-position: 水平方向位置 垂直方向位置;
水平方向:left center right
垂直方向:top center bottom
数字+px(坐标)
坐标轴 原点(0,0) 盒子的左上角
x 轴 水平方向
y 轴 垂直方向
图片左上角与坐标原点重合
background: color image repeat position;