欢迎光临
我们一直在努力

CSS | CSS文本属性知识复习

文章目录

属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性。

属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。

文本属性

font-size

说明:
	1) 属性值为数值型时,必须给属性值加单位,属性值为0时除外。
	2)单位还可以是pt,9pt=12px;
	3)为了减小系统间的字体显示差异,IE Netscape Mozilla的浏览器制作商于1999年召开会议,共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下,1em=16px,0.75em=12px; rem
	4)使用绝对大小关键字
         xx-small =9px
         x-small =11px
         small =13px
         medium =16px
         large =19px
         x-large =23px
         xx-large =27px

color

说明:

用十六进制(是计算机中数据的一种表示方法)表示颜色值:
	0 1 2 3 4 5 6 7 8 9
	0 1 2 3 4 5 6 7 8 9 A B C D E F
颜色模式:光色模式
	R G B
	FF 00 00
颜色值的缩写:
	当表示三原色的三组数字同时相同时,可以缩写为三位;
	当用十六进制表示
	# fa 00 00

font-family

说明:
	浏览器首先会寻找字体1、如存在就使用改字体来显示内容,如在字体1不存在的情况下,则会寻找字体2,如字体2也不存在,按字体3显示内容,如果字体3 也不存在;则按系统默认字体显示;
	当字体是中文字体时,需加双引号;
	当英文字体中有空格时,需加双引号如(“Times New Roman”)
	当英文字体只有一个单词组成是不加双引号;如:(Arial);
	Windows中文版本操作系统下,中文默认字体为宋体或者新宋体,英文字体默认为Arial.

font-weight

说明:
在css规范中,把字体的粗细分为9个等级,分别为100——900,其中100对应最轻的字体变形,而900对应最重的字体变形,
100-400 一般 500常规字体 600-900加粗字体
除用数值来表示外,还可以通过单词进行表示:
bolder —— 更粗的
bold —— 加粗
normal —— 常规
lighter —— 更细
inherit —— 继承父级

font-style

说明:

italic和oblique都是向右倾斜的文字, 但区别在于Italic是指斜体字,而Oblique是倾斜的文字,对于没有斜体的字体应该使用Oblique属性值来实现倾斜的文字效果.

line-height

说明:
当单行文本的行高等于容器高时,可实现单行文本在容器中垂直方向居中对齐;
当单行文本的行高小于容器高时,可实现单行文本在容器中垂直中齐以上;
当单行文本的行高大于容器高时,可实现单行文本在容器中垂直中齐以下(IE6及以下版本存在浏览器兼容问题)
*文字属性简写:font:12px/24px "宋体";
font属性的简写:字号,行高,字体
font-size:12px; line-height:24px; font-family:”宋体”;
font属性的简写:
说明:font的属性值应按以下次序书写(各个属性之间用空格隔开)
顺序: font-style font-weight font-size / line-height font-family
注意:

(1)简写时 , font-size和line-height只能通过斜杠/组成一个值,不能分开写。
(2) 顺序不能改变 ,这种简写法只有在同时指定font-size和font-family属性时才起作用,而且,你没有设定font-weight , font-style , 他们会使用缺省值(默认值)。

水平对齐方式

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

文本修饰

text-decoration:
说明:
	none:没有修饰
	underline:添加下划线
	overline:添加上划线
	line-through:添加删除线

首行缩进

1)text-indent可以取负值;
2)text-indent属性只对第一行起作用。

字间距、词间距

字间距{letter-spacing:value;}控制英文字母或汉字的字距。

词间距{word-spacing:value;}控制英文单词词距。

赞(0) 打赏
未经允许不得转载:散人研 » CSS | CSS文本属性知识复习
分享到: 更多 (0)

评论 抢沙发

2 + 1 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏