6.交集选择器:
div.box{}找到div且div的class值为box
7.子选择器:
box1>span,找到box1这个元素里的子元素span,不会找到孙级元素
8.伪类选择器
超链接:
a:link{}未访问状态
a:visited{}访问过后的状态
a:hover{}鼠标移入的状态
a:active{}鼠标按下的状态
[注]主要针对a的文本颜色修改
有顺序要求:LoVe-HAte
一.选择器权重对比
1.三大基本选择器权重:
1.类型选择器(0001)<类选择器(0010)<id选择器(0100)
2.群组选择器:权重为机器本身
3.后代选择器:权重为选择器权重之和
4.伪类选择器:0010
5.子元素选择器:box1>span为0000
6.内联样式的权重为1000
7.继承样式的权重为0000
8.!important权重:最高权重
二.css核心属性
1.font-size:
1.文本大小,默认为16px,最小为12px
2.单位为px,em(与最近作用文本上的文本大小成倍数关系)
3.pt:安卓开发可能会用到 9pt=12px
2.font-family:
1.字体:"宋体","Arial"
2.中文表示一个字体,需要加引号
3.单个单词表示一个字体,不需要加引号
4.多个单词表示一个字体,需要添加引号
5.多个字体用逗号隔开
3.文本颜色
- color,raba(),rgb() alpha:透明度0-1
- 颜色单词:red green blue
- 十六进制:0-9 a-f
4.font-weight 文本加粗
1.normal不加粗,常规文本 2. bold加粗效果 3. bolder粗体字 4. font-weigh=500及以下不加粗,变细 5. 600-900加粗,400==normal
6.font-style 文本样式
- normal 常规文本
- italic倾斜字
- oblique倾斜效果
7.文本对齐
- text-align 文本水平对齐:left center right justify(两端对齐)
- line-height 文本垂直对齐:line-height=height(垂直居中)
[注]1.主要对单行文本设置
2.不带单位px,则跟文本大小成倍数关系
8.text-decoration:none取消下划线
- overline:上划线
- line-through:删除线
- underline:下划线
9.text-indent:20px/2em
- 首行缩进,可以为负数
- 只改变方向,不改变大小
10.font复合属性:倾斜 加粗 文本大小/行高 字体;
[注]有顺序要求
11.字间距letter-spacing:可以为负数
12.词间距:以空格作为判断基准,可以为负数
13.list-style:取消列表符号
三.css背景属性
1. 背景颜色:
background-color:颜色值;
2. 背景图片:
background-image:url("");
[注]默认背景图重复
3.与img的区别
1.背景图是css,img是标签
2.背景图需要结构,img本身是结构
3.背景图不占位,img占位
4.background-repeat:背景图是否重复
no-repeat;
repeat;
repeat-x;
repeat-y;
5.background-position背景图定位
1.水平值:left center right
2.垂直值:top center bottom
3.只给一个值,则另一边默认居中
4.像素单位只给一个值,表示为水平方向,则垂直默认居中
