一、css选择器
- 通配符选择器 *
- 元素选择器 【标签关键字】div p span a
- id选择器 以id进行命名
- class选择器 以class进行命名
- 后代选择器
id和class之间的区别:
- 命名方式不一样
- 在样式中使用方式不一样 id-># class->.
- 优先级不一样 id>class
- 同名class值 一个页面可以出现多次 ;一个页面中id值不允许重复。
二、背景
- background-color:背景颜色
十六进制的颜色值
英文单词
rgba 其中a代表透明度 - background-image:url(“”)背景图片
- background-repeat:是否重复
值:
no-repeat 不重复
repeat 重复
repeat-x x轴方向重复
repeat-y y轴防线重复 - background-position:位置
top bottom left right center 两两组合
百分比或者具体的像素单位 - background-attachement:
值:
fixed固定
scroll 滚动
inherit 继承父级 - background-size:大小
值:
具体的像素单位
auto 显示图片的真是大小
cover 等比例缩放到完全覆盖容器,有可能超出
contain
background的综合应用
background:red url(“”) no-repeat 200px 200px/100px 200px
背景色 背景图片 不重复 位置 /大小