常见样式声明

1. color

          (可以被继承)
          元素内部的文字颜色

预设值:定义好的单词
三原色,色值:光学三原色(红,绿,蓝),每个颜色可以使用0-255之间的数字来表达(数值越大,颜色越亮)
两种表示方法:
· rgb表示法:(x,x,x)x属于0~255,代表红绿蓝
rgb(0,255,0)
· hex(16进制)表示法:#红绿蓝,把数字换成两位十六进制的数,#xxxxxx,每两位代表一个颜色,如果是 #aabbcc,则也可以表示为#abc

2. backgroung-color

      (不能被继承)
       元素背景颜色

淘宝红:#ff4400,#f40
黑色:#000000,#000
白色:#ffffff,#fff
红:#ff0000,#f00
绿:#00ff00,#0f0
蓝:#0000ff,#00f
紫:#f0f
青:#0ff
黄:#ff0
灰色:#ccc

3. font-size

  (可以被继承)
 元素内部文字的尺寸大小

1)px:像素,绝对单位,简单的理解为文字的高度占多少个像素
2)em:相对单位,相对于父元素的字体大小
每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大小,如果没有父元素(html),则使用基准字号。
user agent,UA,用户代理(浏览器)

4. font-weight

    (可以被继承)
     文字粗细程度

可以取值数字,可以取值为预设值(400)
strong、em元素 (默认加粗)

5. font-family

文字类型,必须用户计算机上面存在的字体才会有效
使用多个字体,以匹配不同环境

最后使用sans-serif,默认的非衬线字体,用于古老的计算机,防止最后显示不出文字

6. font-style

 (可以被继承)
字体样式,通常用它设置斜体

i元素,em元素,默认倾斜字体
em元素:表示强调的内容,斜体
strong:加粗
i元素:默认样式倾斜字体,用来表示科技术语,其他语种的成语俗语、想法、宇宙飞船的名字等等。
实际使用中,通常用它表示一个图标(icon))

7. text-decoration

 (不能继承)
  文本修饰,给文本加线。

line-through:给中间加一条线
overline:给上面加一条线
underline:给下面加一条线
a元素:默认下划线,
不要下划线就给后面加一个none
del元素:错误的内容,默认line-through
成语:<del>章</del>张口就来 给章字中间画一条线
s元素:过期的内容,默认line-through

8. text-height

 (可以被继承)
  首行文本缩进

9. line-height

 行高(可以被继承)

每行文本的高度,该值越大,每行文本的距离越大
设置行高为容器的高度,可以让单行文本垂直居中
行高可以设置为纯数字,表示相对于当前元素的字体大小
(在多行文字的时候,用line-height:1.5)

10. width

 (不能被继承)
     宽度

11. height

  (不能被继承)
    高度

12. letter-space

 (可以被继承)
   文字间隙 

letter-space:3px或者2em

13. text-align

  (可以被继承)
 元素内部文字的水平排列方式  
  left,right,center
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值