font-style是改变文字粗细的属性。
css字体样式属性包括：1、颜为字体颜；2、【字体大小】大小3、【字体系列】字体；4、【字体粗细】字体粗细；5、【字体样式】字体样式。
本教程操作环境：windows7系统、css3版、戴尔G3计算机。
css字体样式的属性如下：
1、color字体颜
定义元素中文本的颜。
语法：color:颜名称|十六进制|RGB
color属性用于定义文本的颜，取值方式有以下三种：
1)预定义的颜值，如红、绿和蓝。
2)十六进制，例如#FF0000、#FF6600、#29D794等。在实际工作中，十六进制是最常用的
颜定义方法。
3)RGB码如红可表示为RGB(255，0，0)或RGB(100%，0%，0%)。
需要注意的是，如果使用RGB代码的百分比颜值，则即使将值设置为0，也不能省略百分号。请务必写0%。
2、字体大小
定义元素中的字符大小。
语法：font-size:绝对单位|相对单位。
3、字体系列字体
font-family属性用于设置字体。
语法：font-family:具体字体名称、字体集。
网页上常用的字体有宋体、微软雅黑、黑体等。例如，如果将网页上所有段落文本的字体
设置为微软雅黑，则可以使用以下CSS样式代码：p{font-family:'微软雅黑'；}。
可以同时指定多种字体，用逗号分隔。也就是说，如果浏览器不支持第一种字体，请尝试以下字体直到到合适的字体：技巧
1.目前网页普遍使用14px。
2.请尽量使用偶数数字。ie6等旧浏览器支持奇数时有错误。
3.各字体之间必须以英语状态用逗号分隔。
4.中文字体必须以英语状态加引号。英语字体不需要加引号。如果需要设置英语字体，英语字体名称必须在中文字体名称之前。
5.如果字体名称包含空格、#、$等符号，则该字体必须使用英语单引号或双引号。例如，font-family:'Times New Roman'；
6.尽量使用系统的默认字体，使其在任何用户的浏览器中正确显示。
CSS Unicode字体
可以在CSS中设置字体名称，直接写中文。但是，如果文件代码(GB2312、UTF-8等)不匹配，则会发生乱码错误。xp系统不支持微软雅黑这样的中文。
案一：你可以用英语代替。例如，字体系列：'microsoftyahei'。
场景2:在CSS中直接使用Unicode代码编写字体名称可以避免这些错误。使用Unicode写中文字体名称，浏览器可以正确分析。font-family:'\5 FAE\8f6f\96 C5\9e D1'表示配置字体为“微软雅黑”。
可以在escape()中测试属于哪个字体。
4、字体粗细
字体加粗除了b和strong标签外，还可以通过CSS实现，但CSS没有意义。
font-weight属性用于定义字体的粗细，可以是normal、bold、bolder、lighter和100到900(100的整数倍)的属性值。
技巧：
默认正常。数字400相当于法线，700相当于bold。但是我们喜欢用数字表示。
5、字体样式
字体的倾斜除了I和em标签外，还可以通过CSS实现，但CSS没有意义。
font-style属性用于定义字体样式，如斜体、斜体和常规字体设置。可用的属性值如下：normal:默认值，浏览器显示标准字体样式。
italic:斜体字体样式显示在浏览器中。
oblique:在浏览器中显示倾斜的字体样式。
技巧：
我平时很少给文字加斜体。相反，我更喜欢把斜体标签(em，I)改为正常模式。
6、字体变形
将元素的文本设置为小型大写字母。
语法：font-variant 3360 normal|small-caps
使用font属性时，必须按照上述语法格式的顺序编写，不能更改顺序。每个属性都由空格分隔。
注：可以省略不需要在此设置的属性，但必须保留“字体大小”和“字体框架”属性。否则，“字体”属性将不起作用。
7，@font-face(CSS3)。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。