css文字属性

css文字属性

1.规定文字样式的属性

格式：font-style: normal; 定义字体的风格

<style type="text/css">
p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}
</style>

属性值

normal: 默认的，正常的 快捷键：fsn+table

italic: 文本倾斜显示 快捷键：fsi+table

oblique: 文本倾斜显示 快捷键：fso+table

效果如下：

2.规定文字粗细的属性

格式：font-weight:normal; 属性设置文本的粗细。

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

快捷键：fwn+table键

浏览器字体大小是有上限的，当不能变大说明已经到了最大了。

效果如下：

可能的值

值	描述
normal	默认值。定义标准的字符。
bold	定义粗体字符。
bolder	定义更粗的字符。
lighter	定义更细的字符。
100 200 300 400 500 600 700 800 900	定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
inherit	规定应该从父元素继承字体的粗细。

3.规定文字大小的属性

格式：font-size:250%; 属性可设置字体的尺寸。

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%}

可以直接写成 font-size：20px

px是像素单位，根据屏幕分辨率1920就是1920个像素，1920个小格子。

快捷键：fz30(随便一个数字)+table键

可能的值

值	描述
xx-small x-small small medium large x-large xx-large	把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。 默认值：medium。
smaller	把 font-size 设置为比父元素更小的尺寸。
larger	把 font-size 设置为比父元素更大的尺寸。
length	把 font-size 设置为一个固定的值。
%	把 font-size 设置为基于父元素的一个百分比值。
inherit	规定应该从父元素继承字体尺寸。

4.规定文字字体的属性

格式： font-family:“Times New Roman”,Georgia,Serif;

规定元素的字体系列。罗列多个字体，如果第一个浏览器不支持，那么就会寻找第二个，一直向下找。

提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

注意：字体名字是中文时，需要用引号括起来。必须是电脑已经装好的字体

快捷键： ff+table键
中文字体可以处理英文，但是英文字体无法处理中文，那么如果想给中文和英文分别设置字体，我们可以把英文写在前边，中文写在后边，font-family属性先写英文字体，再写中文字体，那么中文部分的不能使用英文字体，会选备选中文字体。这样中英文可以设置不同字体。
我们通过字体名字是否是英文无法判断是否是英文字体或中文字体，中文字体也有自己的英文名，要看能不能处理汉字

5.四种属性的简写形式

/*font-style: normal;*/
/*font-weight: lighter;*/
/*font-size: 20px;*/
/*font-family: "华文楷体";*/

font: normal lighter 20px "华文楷体";

按f+table键,然后依次填入样式，粗细，大小，字体分别空格隔开即可。按f+table键,然后依次填入样式，粗细，大小，字体分别空格隔开即可。其中style weight可以省略，并且这种缩写格式，style和weight属性位置可以交换