笔记02:CSS设置字体和文本样式

  1. font-family:字体类型

  2. font-size:字体大小,字体大小单位选择 em 、%比较好。

  3. color:字体颜色

  4. font-weight:字体粗细,normal、bold、bolder、lighter

  5. font-style:字体倾斜,normal、italic、oblique(取值只在拉丁字符中有效)

  6. text-decoration:装饰线,none、underonline(下划线)、overline(顶划线)、line-through(删除线)、blink(闪烁线)

  7. font-variant:字体大小写,normal、small-caps(小型的大写字母字体)

  8. text-transform:单词大小写,none、capitalize(每个单词的首字母大写)、uppercase(所有字母都大写)、lowercase(所有字母都小写)

  9. text-align:文本水平对齐方式,left、right、center、justify(两端对齐)

  10. vertical-align:文本垂直对齐方式,auto(自动对齐)、length(由基线算起的偏移量)、baseline(基线对齐)、sub(下标)、super(上标)、top(顶端对齐)、text-top(文本顶部对齐)、middle(居中对齐)、bottom(底端对齐)、text-bottom(文本底部对齐)

  11. letter-spacing:字符间距

  12. word-spacing:单词间距

  13. line-height:行高

  14. text-indent:首行缩进

CSS设置字体和文本样式

打赏 支付宝打赏 微信打赏
本文标题:笔记02:CSS设置字体和文本样式
本文链接:http://www.chenshuangyi.com/post/84.html
作者授权:除特别说明外,本文由 陈双义 原创编译并授权 陈双义博客 - 互联网Power 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

为您推荐

CSS3 西游记师徒取经场景动画

CSS3 西游记师徒取经场景动画

CSS3西游记师徒取经场景动画,师徒四人西天取经行走动画代码。在线演示  *本站所有资源(包括模板、...

2018-07-10 标签:CSS3西天取经西游记
Jquery+CSS3实现访问网页预加载动画特效

Jquery+CSS3实现访问网页预加载动画特效

网站首页增加一个预加载动画,让用户首次访问网站的时候不会因为等待资源准备时间过长而感到枯燥。CSS3的动画效果利用的是k...

2018-05-03 标签:JqueryCSS3
纯CSS3制作超逼真打火机火焰动画

纯CSS3制作超逼真打火机火焰动画

用CSS3构画出一个打火机好像没什么问题,但要能打开还带有逼真的跳动火焰,这样就有点酷了。今天分享这款CSS3动画特效,...

2018-03-26 标签:CSS3
笔记01:CSS 样式及特性

笔记01:CSS 样式及特性

1、标签选择器以文档中对象类型的元素作为选择器,如p,div,span等。如果希望为标签重复样式或者希望统一文档中标签的...

2018-02-27 标签:CSS3
«   2019年8月   »
1234
567891011
12131415161718
19202122232425
262728293031
云服务器
轻量应用
站点信息
  • 文章总数:999
  • 页面总数:9
  • 分类总数:19
  • 标签总数:1613
  • 评论总数:159
  • 浏览总数:507696

当前非电脑浏览器正常宽度,请使用移动设备访问本站!