css英文文本转化属性的是,CSS

font-family

1、 字体:font-family="";

当属性值是中文的时候,要用双引号包起来 :“ 微软雅黑”

当属性值为多个英文单词组成的时候,也要写在双引号里面: "Times New Roman"

当属性值是一个英文字体的时候,不用写在双引号里: Arial

注:英文字体对中文是不起作用的, 但是中文的字体对英文是起作用的。

font-family: arial,"微软雅黑";

当同时设置中文和英文字体的时候,应先写英文字体;

color

2、文本颜色属性:color:“”;

英文单词: red,yellow,blue,green

十六进制:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f

表示颜色是有6个值的; 也可以缩写成三位数值,当三组数值,没两组都同时相同的时候,才可以缩写;

三原色:

R G B

红 绿 蓝

# 00 00 00

# ff ff ff = #fff

# ff 00 00 = #f00

# ff ff 00 = #ff0

# fa ff ff = #faffff

注:当用十六进制表示颜色值时,需要在颜色值前加“#” 。

font-weight

3、文本加粗属性:font-weight:bolder(更粗的)/bold(加粗)/normal(常规)/100—900;**

注:bolder和bold 在浏览器显示的效果,在肉眼下是一样的粗细,我们建议用bold 常规加粗,避免有的浏览器显示bolder时,会有区别;

100 200 300 400 500 600 700 800 900 带表的等级,不用加单位,100代表粗细程度比较细的, 900 代表比较粗。

100-500 常规显示 400=normal

600-900 加粗显示 700 = bold

font-style

4、倾斜属性:font-style:italic/oblique/ normal(取消倾斜,常规显示);

text-align

5、水平对齐:text-align:left/right/center/justify(两端对齐中文不起作用)

text-decoration

6、文本修饰: text-decoration:"";

none:没有修饰

underline:添加下划线

overline:添加上划线

line-through:添加删除线

注:underline:添加下划线 overline:添加上划线、line-through:添加删除线 这三个属性值是可以同时存在的,用空格隔开,如:

text-decoration: underline overline line-through;

text-indent

7、首行缩进:text-indent:""; 属性值为数值型 ;

说明:首行缩进是可以写负值的;只针对第一行文本起作用;属性值单位em为字体设置大小,默认16px

word-spacing

8、字间距:word-spacing:"";属性值为数值型

说明: 其默认值 normal 与设置值为 0 是一样的。 word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近

letter-spacing

9、字母间距:letter-spacing:"";属性值为数值型

说明: letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。

与 word-spacing 属性一样,letter-spacing 属性的可取值包括所有长度。默认关键字是 normal(这与 letter-spacing:0 相同)。输入的长度值会使字母之间的间隔增加或减少指定的量。

10、字体复合写法:font: style weight size/line-height family

总结

属性描述

color设置文本颜色

direction设置文本方向。

line-height设置行高。

letter-spacing设置字符间距。

text-align对齐元素中的文本。

text-decoration向文本添加修饰。

text-indent缩进元素中文本的首行。

text-transform控制元素中的字母。

unicode-bidi设置文本方向。

white-space设置元素中空白的处理方式。

word-spacing设置字间距。

Like

Like

Love

Haha

Wow

Sad

Angry

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值