常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记

一、常见的CSS字体样式属性

1.font-size属性：用于设置字体字号

该属性的值有
相对长度单位：em（相对当前对象内文本字体尺寸）px（像素，最常用）
绝对长度单位：in（英寸）cm（厘米）mm（毫米）pt（点）

2.font-family属性：用于自定义设置字体

css样式代码p{ font-family:"微软雅黑"; }

3.font-weight属性：用于定义字体的粗细

字体粗细常用的值有：normal（默认值400）bold（粗体700）bolder（更粗字体）lighter（更细的字体）100~900的整数倍，值越大字体越粗。

p{ font-weight:"normal"}

4.font-style属性：用于定义字体风格

normal（默认字体）italic（斜体,最常用）oblique（倾斜）

5.font综合属性：用于综合设置字体样式

<style>p{font:italic bold 36px/"微软雅黑"；}
</style>

可以同时设置字体的样式，但需要注意综合属性设置的时候，必须保留字号与字体。

6.@font-face属性：是css3新增的属性，用于定义特殊的字体

@font-face属性可以让开发者在用户计算机没有安装字体时也可以自定义任何喜欢的字体。

<style>@font-face{font-family:a;  /*自定义名称a*/src:url("../../../System/Library/Fonts/Noteworthy.ttc")/*引入自定义字体路径*/}p{font-family:a;}
</style>

字体样式示例代码：

<html>
<head>
<meta charset="UTF-8">
<title>字体样式</title><style>p{font-size:36px;font-style:italic;font-weight: bolder;line-height: 80px; /*行间距}</style>
</head>
<body><p>字体样式属性演示</p><p>字体样式属性演示</p>
</body>
</html>

###欢迎加入QQ群一同交流学习937864538

常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记相关推荐

CSS字体样式属性（font-size、font-family、Unicode、font-weight、font-style、font）
CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度 ...
CSS基础——CSS字体样式属性【学习笔记】
CSS字体样式属性调试工具 font字体 CSS外观属性快捷操作emmet语法练习案例-体育页面 1.font字体 1.1 font-size:大小作用: font-size属性用于设置字号 p ...
html中样式属性有哪些,css字体样式属性有哪些？
css字体样式属性有:1.font-size:字号大小.2.font-family:规定元素的字体系列.3.font-weight:字体粗细.4.font-style:字体风格.5.font:综合设置 ...
css字体样式，选择器，外观属性
css字体样式,选择器,外观属性字体样式 ont-size:字号大小 font-family:字体 css unicode 字体 font-weight:字体粗细 font-style:字体风格 f ...
CSS字体样式（font）[详细]
CSS字体样式(font) 1. font-family 2. font-style 3. font-weight 4. font-size 5. font-variant 6. font CSS 中 ...
HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签标签描述标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...
最详细的CSS字体样式总结（font-family、font-size、font-weight、font-style等）
文章目录前言一.字体系列二.字体大小三.字体粗细四.字体样式五.字体复合属性写法总结前言由于自己在学习CSS的过程中会时不时忘记一些CSS字体样式的书写,因此在本文记录了一些常用的C ...
css 字体样式设置
css字体样式(Font Style),属性时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网 ...
HTML与CSS——CSS字体样式
HTML与CSS--CSS字体样式字体样式 CSS 提供了很多属性来控制字体的外观. 常用属性有: font-size:设置字体大小. font-family:设置字体类型. font-weight ...