css英⽂⽂本转化属性的是,CSS
text align center
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

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。