【自学CSS笔记第4篇】——文本、文字样式化

   每日一句:如果命运是这个世界上最烂的剧本,那么你就要争取做你人生最好的演员。

目录

本文概述:  

文字样式化:

文字标记:

文本对齐修饰:

font属性简写:


本文概述:

        本文我们将详细介绍文本/字体样式的所有基本原理,包括设置文字的粗细,字体和样式,文字的对齐,和其他效果,以及行和字母间距。

文字样式化:

  •  color  设置字体颜色。
  •  font-size  设置字体大小。
  •  font-family  字体的样式,可以同时指定多个样式,中间使用逗号,隔开,字体会优先使用第一个,如果无法使用则使用第二个,依次类推。
  •  font-weight  字体的加粗,可以设置font-weight: bold来加粗字体等。normal, bold: 普通或者加粗的字体粗细
  •  font-style  字体的风格,可以设置font-style: italic来设置斜体等。normal: 将文本设置为普通字体 (将存在的斜体关闭)italic: 如果当前字体的斜体版本可用,那么文本设置为斜体版本;如果不可用,那么会利用 oblique 状态来模拟 italics。

文字标记:

  •  text-decoration : 设置/取消字体上的文本装饰 (你将主要使用此方法在设置链接时取消设置链接上的默认下划线。) 可用值为:

 none : 取消已经存在的任何文本装饰。
 underline : 文本下划线。
 overline : 文本上划线
 line-through : 穿过文本的线。又称删除线

文本对齐修饰:

  •  text-align 属性用来控制文本如何和它所在的内容盒子对齐。可用值如下:

 left 左对齐文本。
 right 右对齐文本。
 center 居中文字

  •  line-height 属性设置文本每行之间的高;

font属性简写:

  • font属性是复合属性,可以简写,常见的复合属性还有background;其中font复合属性书写需要按规定顺序;
  • 按照以下顺序来写的: font-style, font-variant , font-weight , font-stretch , font-size , line-height , and font-family .

注意点 如果使用font属性简写,其中只有 font-size 和 font-family 是一定要指定的,其他可以不写,如果写要按顺序。

font-size 和 line-height 属性之间必须放一个正斜杠

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值