CSS3基础-属性回顾
1.设置透明度
rgba(Red,Green,Blue,Alpha) Alpha用于设置透明度
2.文字阴影
text-shadow:**px ** px **px rgba()
- 第一个属性表示阴影水平移动的距离(左右)(必须属性)
- 第二个属性表示阴影垂直移动的距离(上下)(必须属性)
- 第二个属性表示模糊距离(越大越模糊)
- 第四个属性表示阴影颜色
CSS基础-选择器回顾
- 交集选择器
交集选择器由两个选择器构成,一个是标签选择器,一个是class选择器,两个选择器之间不能有空格。例如:h1.red
h1.red{
color:red;
}
- 并集选择器
通过逗号隔开的执行同一个样式。设置名为a,b,c的class选择器选中的元素字体均为14px
.a,.b,.c{
font-size:14px;
}
- 后代选择器
外层标签 +空格+内层标签。选中div标签下的p标签的元素的字体颜色为红色
div p{
color:red;
}
CSS基础-字体属性
- font-family 字体
- font-size 字体大小
谷歌默认大小16px - font-weight 字体粗细
默认值为normal,bold,100-900
字体设置为 bold 或者700(不加单位)表示加粗,normal为400
font-weight:700
- font-style 文字样式
<em></em>标签包含的内容为斜体,可以使用font-style使字体变正
em{
font-style:normal
}
- font 复合写法 不可更换顺序
font:font-size font-weight font-size/line-heigth font-family;
CSS基础-文本属性
- color 文本颜色 常用十六进制
rgb(Red,Green,Blue)
- text-align 文本水平对齐 属性值:left(默认) center right
- text-decoration 装饰文本 属性值:none(默认) underline(下划线) line-through(删除线) overline(上划线)
- text-indent 文本缩进
em是一个相对单位,为当前元素(font-size)1个文字的大小,中文首行缩进一般使用2em设置属性值
- line-height 行间距
行间距由上间距、文本高度、下间距。文本高度不可变,为设置的font-size。