CSS格式化排版

4.1文字排版--字体

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。

body{font-family:"宋体";}

这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)

现在一般网页喜欢设置“微软雅黑”,如下代码:

body{font-family:"MicrosoftYahei";}

body{font-family:"微软雅黑";}

注意:第一种方法比第二种方法兼容性更好一些。

4.总结

font-family:设置字体;

font-size:字体大小;

font-weight:bold:设置为粗体样式;

font-style:italic:设置为斜体样式;

text-decoration:underline:文字设置下划线;

text-decoration:line-through:删除线;

text-indent:2em:段落首行缩进;(注意:2em的意思就是文字的2倍大小。)

line-height:2em:行高(行间距);

letter-spacing:50px 文字间隔,word-spacing:50px 英文单词间距(对中文无效)

letter-spacing:20px:字母间距;

text-align:center:水平居中对齐; 段落排版对齐方式left,right

 参考:

第10章 CSS格式化排版 https://www.imooc.com/code/2076

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值