定义字体的属性可以使页面看起来更好。 字体样式包括字体类型、大小、颜色的基本效果以及一些特殊样式css设置字体样式，如字体粗细、下划线、斜体、大写样式等。首先定义字体类型。 字体系列属性用于设置字体。 网页中常用的字体有Song Song、Microsoft Noble Black、Bold等。 句型：1、font-family`：名字； name：表示字体的名称，可用于多种字体，以冒号分隔。 这意味着如果浏览器不支持第一种字体，它将尝试下一种字体，直到找到合适的字体。 **常用技能：**1. 现在14px+在网页中被广泛使用。 2. 尽量使用奇数。 Ie6等老浏览器支持素数，所以会有bug。 3. 在日语中，所有字体必须用冒号分隔。 4、中文字体英文需要破折号，英文字体一般不需要冒号。 当需要设置中文字体时，英文字体名称必须位于英文字体名称之前。 5.如果字体名称中含有空格、#、$等符号。 ，字体必须添加英文单冒号或双冒号，如font-family:“Times New Roman”； 6、尽量使用系统默认字体css设置字体样式，保证在任何客户的浏览器中都能正确显示。 字体：设置字体样式综合（重点）字体是一个匹配属性，可以设置各种字体属性。
句型：字体````：font-style | 字体变体 | 字体粗细 | 字体大小/行高 | 。 每个属性由空格分隔。 注意：不需要设置的属性可以省略（取默认值），但font-size和font-family属性必须保留，否则font属性无效。 扩展：在CSS中设置字体名称为Unicode字体，可以直接写英文。 而且，当文件编码（GB2312、UTF-8等）不匹配时，会造成乱码错误。 Xp系统不支持像谷歌雅禾那样的英文。 选项1：可以用法语代替。 例如font-family:“微软雅黑” 解决方案二：使用Unicode编码直接在CSS中写入字体名称可以防止这种错误。 使用Unicode书写英文字体名称，浏览器可以正确解析。 font-family: "5fae8f6f96 C59ed 1"，表示字体设置为“Microsoft Soft Black” 常用Unicode字体编码 字体名称 英文名称 Unicode编码 Arial SimSun5B8B4F53 New Arial Simsun65b0 5B8b4F53粗体Simhei9E14F53微软雅黑5FAE8F6F96C59ed1 cursive_gb231269774F53_GB2312隶书96B64E665706句型：font-size`:font-size Value; 字体单位可以是绝对的，定义的字体大小是固定的，大小显示不会受到外界激励的影响。
如in（英寸）、cm（厘米）、mm（毫米）等单位。 （不常用）也可以使用相对单位。 定义的大小并不是固定的，而是根据外部环境不断变化。 常用的单位有px（像素）、em等。 （常见）3． 定义字体颜色 color 属性来定义字体颜色。 句子模式：color``：颜色值； color参数表示颜色值； 半透明（CSS3）：半透明格式可以是灰色的。 语法：颜色```：RGBA (R,G,B,A) A 表示 alpha 透明度。 取值范围在``0``～``1````之间：RGBA(``0`,``````````````)。 十六进制如#FF0000、#FF6600、#29D794等。事实上，十六进制是最常见的定义颜色的方式； RGB 代码，例如黄色，可以表示为 rgb(255, 0, 0) 或 rgb(100%, 0%, 0%)。 如果使用RGB编码的比例颜色值，则值为0时百分号不能省略，必须写成0%。 CSS3还支持其他三种颜色表示： RGBA：在原始RGB颜色的基础上，添加一个Alpha通道来定义文本的透明颜色。 如颜色：rgba(255,0,0.5)； 即可以定义半透明的蓝色； HSL：这种颜色表示法是用颜色（H）、饱和度（S）和照度（L）来表达颜色的一种方式。
例如颜色：hsl(0, 100%, 100%); 意思是白色； HSLA：在原有HSL颜色的基础上减少Alpha通道。 如颜色：hsla(0, 100%, 100%, . 5); 意思是半透明的蓝色。 四。 定义字体粗细 字体粗细属性定义字体粗细 句型：font-weight ` ` ` `: ` normal | `` `` `` `` 粗体 | `` `` `` `` 100 | `` `` 200 | 300 | 300 `` 400 | `` 500 | `` 600 | `` 700 | `` 800 Bold 表示粗体，相当于700； 字体粗细是字体粗细的量化方法。 值越大则越粗，值越小则越细。 一般来说，我更喜欢用数字来表示字体粗细，取值范围为100到900。第五，定义字体样式。 字体样式属性定义字体样式。 句型：font-style```：``正常| ` ` 斜体 | ` `` oblique Normal表示默认值，即普通字体； Italic是斜体的意思，是一种简单的字体样式。 每个字母的结构略有变化，以反映不断变化的外观。
斜体代表斜体，是正常水平文本的倾斜版本。 提示：通常，斜体和粗体字体在网络浏览器中看起来完全相同。 第六，定义逗号文本修饰属性，定义逗号的疗效。 句型：文本修饰 ` `: ` ` none | ` ` 下划线 | `` 眨眼| `` 大纲 | ``` line-through Normal表示默认值，即没有装饰字体； 下划线表示逗号的疗效； Blink表示眨眼的疗效； 上线表示上线的疗效； 直线表示直线的疗效。 七。 定义字体大小写 字体变量属性来定义字体大小效果。 句型：字体变体 ` `: ` 正常 | `` Small-caps Normal 表示默认值，即普通字体。 Small-caps 代表大的小写字母字体； 该属性只支持英文扩展：CSS还定义了一个text-transform属性，该属性也可以定义字体大小写的效果。 句子模式：文本转换 ` `: ` ` none | `` 资本| ` ` 大写 | ` ` 小写正常表示默认值，不执行任何转换。
大写表示将每个短语的首字母转换为小写，不发生其他转换； % base 表示将所有字母转换为大写 表示将所有字母转换为大写。 目前正在做前端开发。 如果你现在想学习前端开发技术，遇到任何学习方法、学习路线、学习效率等问题，在入门过程中，可以申请加入我的前台学习交流裙：421374697。少量初学者、转行者、前台自学初学者。 我还有几本前台笔试题、前台开发源码教程、PDF文档书籍教程，都是我在担任前台技术人员期间整理出来的。 如有需要，您可以从“衣服猪”处获取它们。
