css教程文本字体样式

css教程

css教程常用文本样式字体解析
属性值 可以设置文本段落背景颜色
用法:
<p style=”background:darkorange;”>
网络自学网
</p>
效果:
网络自学网

1.文字颜色
属性名:color
用法:
<p style=”color:blue”>蓝色</p>
效果:
这句话的字都是蓝色的。

2. 文本样式
属性名:font-style
属性值:斜体=italic 正常=normal(默认值)
用法同上
效果:
这字体都是斜的

3.字体大小
属性名:font-size
属性值:px em
用法:font-size:30px;

4.行高
属性名:line-height
属性值:px em
用法:line-height:10px;

 

5.强制换行
属性名:word-wrap
属性值:break-word

 

6.文字的对齐方式
属性名:text-align
属性值:left(默认) center right
用法:text-align: center;

7.文本加粗
属性名:font-weight
属性值: 粗体=bold 更粗=bolder 由细到粗(响应式布局采用此方式):100-900(400是normal默认值 700是bolder)
效果:
这字体都是加粗的

 

8.单词间距(默认以空格为隔开)
属性名:word-spacing
属性值:像素或长度单位
the world is mine.

9.文字排版方向
属性名:derection
属性值:ltr(从左到右默认值) rtl(从右到左)
效果:

这些字都是从右到左的。

10.文本修饰
属性名:text-decpration
属性值: 没有线=none 下划线=underline 上划线=overline 删除线=line-through
删除线效果:
这是删除线.

 

11.首行缩进
属性名:text-indent
属性值:px或em(1em=16px)
用法:text-indent:2 em;

12.文字转换
属性名:text-transform
属性值: 大写字符=uppercase 小写字母=lowercase 首字母大写=capitalize
用法:text-transform:uppercase;

13.复合写法书写顺序
font:font-style font-weight font-size/line-height font-family

14.设置字体样式
属性名:font-family
属性值:“微软雅黑”之类
用法:font-family:”微软雅黑”;
css教程常用文本字体样式解析

成为第一个发表评论的人

发表评论

您的电子邮件地址不会被公开.


*