等待橘子树

导航

补齐昨天 出去玩了

天气好热 出门就是汗蒸房


 

颜色取值
文字颜色 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;
 
 

posted on 2023-06-28 10:08  等待橘子树  阅读(15)  评论(0编辑  收藏  举报