CSS与CSS3基础知识(一)——CSS的字体样式属性

        Hello,大家好呀,当了四年游客,这是我第一次使用CSDN发表第一篇博客。首先我来介绍一下自己,我本科是某双非学校的电子商务专业,现在某985学校的电子信息专业的研究生,跨考让我对很多知识都不能熟练运用,希望可以在CSDN与大家一起成长!

        CSS 英文全称为Cascading Style Sheet,中文译为“层叠样式表”。CSS以 HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且可以针对不同的浏览器设置不同的样式。大部人入门选手可能对CSS的各种样式运用不清晰,那么第一次见面,我们就从CSS的文本样式开始吧!

1.font-size:用于设置字号大小,长度单位如下表:

2.font-family:用于设置字体,常用的字体有宋体、微软雅黑、黑体等。

*注意:可以同时指定多个字体,中间用英文逗号分开,如果浏览器识别不出来第一个就会识别第二个。

           英文不用加“ ”,中文要“ ”,但英文里面有空格,#,¥等符号要加“ ”。

例如:P{ font-family:Arial,"微软雅黑","Times New Roman"};

3.font-weight:用于定义字体的粗细,其可用属性值如表。

4.font-style:用于定义字体风格,其可用属性值如表。

5.font:综合设置字体样式

用font:设置字体样式,其基本语法格式如下:

选择器{font:font-style font-weight font-size/line-height font-family;},其中不需要设置的属性值可以省略(采用默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。

6.@font-face规则:用于定义服务器字体。

通过@font-face规则,开发者可以在用户计算机没有安装字体的时候,使用任何喜欢的字体。语法格式为@font-face{font-family:字体名称;src:字体名称;}

7.word-wrap:属性用于实现长单词和URL地址的自动换行。

语法格式为选择器{word-wrap:属性值;},属性取值如下。


 

猜你喜欢

转载自blog.csdn.net/m0_47228284/article/details/109175245
今日推荐