CSS3基础-回顾

CSS3基础-属性回顾

1.设置透明度

rgba(Red,Green,Blue,Alpha)  Alpha用于设置透明度

2.文字阴影

text-shadow:**px  ** px  **px rgba() 
  • 第一个属性表示阴影水平移动的距离(左右)(必须属性)
  • 第二个属性表示阴影垂直移动的距离(上下)(必须属性)
  • 第二个属性表示模糊距离(越大越模糊)
  • 第四个属性表示阴影颜色

CSS基础-选择器回顾

  1. 交集选择器
    交集选择器由两个选择器构成,一个是标签选择器,一个是class选择器,两个选择器之间不能有空格。例如:h1.red
h1.red{
color:red;
}
  1. 并集选择器
    通过逗号隔开的执行同一个样式。设置名为a,b,c的class选择器选中的元素字体均为14px
.a,.b,.c{
	font-size:14px;
}
  1. 后代选择器
    外层标签 +空格+内层标签。选中div标签下的p标签的元素的字体颜色为红色
div p{
  color:red;
}

CSS基础-字体属性

  1. font-family 字体
  2. font-size 字体大小
    谷歌默认大小16px
  3. font-weight 字体粗细
    默认值为normal,bold,100-900
    字体设置为 bold 或者700(不加单位)表示加粗,normal为400
font-weight:700
  1. font-style 文字样式
<em></em>标签包含的内容为斜体,可以使用font-style使字体变正
em{
font-style:normal
}
  1. font 复合写法 不可更换顺序
font:font-size font-weight font-size/line-heigth font-family;

CSS基础-文本属性

  1. color 文本颜色 常用十六进制
rgb(Red,Green,Blue) 
  1. text-align 文本水平对齐 属性值:left(默认) center right
  2. text-decoration 装饰文本 属性值:none(默认) underline(下划线) line-through(删除线) overline(上划线)
  3. text-indent 文本缩进
em是一个相对单位,为当前元素(font-size)1个文字的大小,中文首行缩进一般使用2em设置属性值
  1. line-height 行间距
    行间距由上间距、文本高度、下间距。文本高度不可变,为设置的font-size。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值