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属性位置可以交换