文本属性和字体属性

文本属性

        文本对齐                 浏览器

#中心对齐
text-align: center

#两端对齐(只限于英文)
text-align: justify

#左对齐
text-align: left

#右对齐
text-align: right

        注意 : 当给文本垂直居中时,要将标签转块级标签或者行内块标签,设置宽高.性能

          文 本首行缩进          字体

#首行缩进
text-indent: 2em

#####在文本中,默认字体大小为 16px , 1 em = 16 px

      文本修饰          spa

#文本修饰

#默认
text-decoration: none;  (,没有线)
3有下划线
text-decoration: underline;
#定义文本上的一条线
text-decoration: overline;
#定义穿过文本下的一条线
text-decoration: line-through;
#继承父元素的text-decoration属性
text-decoration: inherit

      行高    line-height        code

#行高:指的是一行的高度

#单行文本垂直居中: line-height =  height

#多行文本居中:行高的高度不能小于字体的大小,否则上下字之间会紧挨一块儿。



#想要居中 ,示例
第一步,一个宽度300*300的盒子,看盒子中一共显示了几行文字,假如是5行,再看一下行高,若是行高是line-height:30px; 那么就知道行高*5=150px

第二步,让(盒子的高度-150px)/2=75;那么设置盒子的padding-top:75px;同时保证盒子的高度为300px,那么高度改成225px;

 

字体属性

     字体大小            orm

#字体大小

font-size: 12px;

#若是设置成 inherit 表示继承父元素的字体大小值

       字体粗细        blog

#默认,字体粗细
font-weight: none;

#粗体
font-weight: bold;

#更粗
font-weight: border;

#更细
font-weight: lighter;

#继承父元素字体的粗细值
|inherit

#100~900(设置具体粗细,400等同于normal,而700等同于bold)

        字体系列          继承

font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif

#若是浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。若是都不支持则显示宋体。
#若是两个同样字体,以英文优先

 

使用font-family注意几点:it

1.网页中不是全部字体都能用哦,由于这个字体要看用户的电脑里面装没装,
好比你设置: font-family: "华文彩云"; 若是用户电脑里面没有这个字体,
那么就会变成宋体
页面中,中文咱们只使用: 微软雅黑、宋体、黑体。 
若是页面中,须要其余的字体,那么须要切图。 英语:Arial 、 Times New Romanio

2.为了防止用户电脑里面,没有微软雅黑这个字体。
就要用英语的逗号,隔开备选字体,就是说若是用户电脑里面,
没有安装微软雅黑字体,那么就是宋体:
font-family: "微软雅黑","宋体"; 备选字体能够有无数个,用逗号隔开。
3.咱们要将英语字体,放在最前面,这样全部的中文,就不能匹配英语字体,
就自动的变为后面的中文字体: 
font-family: "Times New Roman","微软雅黑","宋体";

4.全部的中文字体,都有英语别名,
咱们也要知道: 微软雅黑的英语别名:
font-family: "Microsoft YaHei";
宋体的英语别名: font-family: "SimSun";
font属性可以将font-size、line-height、font-family合三为一: font:12px/30px "Times New Roman","Microsoft YaHei","SimSun";

5.行高能够用百分比,表示字号的百分之多少。
通常来讲,都是大于100%的,由于行高必定要大于字号。 
font:12px/200% “宋体” 等价于 font:12px/24px “宋体”; 
反过来,好比: font:16px/48px “宋体”;
等价于 font:16px/300% “宋体”