CSS字体属性
CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。
| 序号 | 属性 | 描述 |
|---|---|---|
| 1 | font-family | 设置文本字体。 |
| 2 | font-size | 规定文本的字体尺寸。 |
| 3 | font-weight | 规定字体的粗细。 |
| 4 | font-style | 规定文本的字体样式。 |
| 5 | font | 可以设置字体的所有属性。 |
1.CSS font-family 属性
用于设置文本字体。
实例
<p style="font-family:微软雅黑;">淮阴工学院</p>
<p style="font-family:华文新魏;">计算机工程学院</p>
<p style="font-family:华文新魏;">计算机工程学院</p>
2.CSS font-size 属性
font-size 设置文本的大小。
取值
| 值 | 描述 |
|---|---|
|
把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。 默认值：medium。 |
| smaller | 把 font-size 设置为比父元素更小的尺寸。 |
| larger | 把 font-size 设置为比父元素更大的尺寸。 |
| length | 把 font-size 设置为一个固定的值。 |
| % | 把 font-size 设置为基于父元素的一个百分比值。 |
| inherit | 规定应该从父元素继承字体尺寸。 |
实例
设置文字大小：
<p
<p
<p
<p
<p>C++程序设计</p>
<p
<p>操作系统</p>
<p
style="font-size:small;">WEB开发技术</p><p
style="font-size:large;">ASP.NET技术</p><p
style="font-size:20px;">C#程序设计</p><p
style="font-size:30px;">java程序设计</p><p>C++程序设计</p>
<p
style="font-size:1.5em;">VB程序设计</p><p>操作系统</p>
<p
style="font-size:150%;">数据库原理</p>
3.CSS font-weight 属性
text-weight 属性可以设置文本粗细。
取值
| 值 | 描述 |
|---|---|
| normal | 默认值。定义标准的字符。 |
| bold | 定义粗体字符。 |
| bolder | 定义更粗的字符。 |
| lighter | 定义更细的字符。 |
|
定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。 |
| inherit | 规定应该从父元素继承字体的粗细。 |
实例
设置文本的粗细：
<p style="font-weight:normal;">WEB开发技术</p>
<p style="font-weight:bolder;">C#程序设计</p>
<p style="font-weight:900;">java程序设计</p>
<p style="font-weight:bolder;">C#程序设计</p>
<p style="font-weight:900;">java程序设计</p>
4.CSS font-style 属性
text-style 属性设置文本是否倾斜。
实例
缩进文本是否倾斜：
<p
<p
style="font-style:normal;">淮阴工学院</p><p
style="font-style:italic;">计算机工程学院</p>
5.CSS font 属性
font 属性是简写属性，一次性设置针对字体的属性。
可以按顺序设置如下属性：font-style、font-weight、font-size/line-height、font-family
实例
在一个声明中设置所有字体属性：
<p
style="font:italic bold 12px/30px 隶书;">jQuery已经成为JavaScript事实上的代名词，很大程度上是因为其可扩展性，易用性以及在项目管理方面可控。随着用于平板电脑和智能手机等设备的触屏优化技术的演进，以及与此相关的web框架的发展，jQuery
Mobile将成为跨平台，支持多设备的手机应用的非常重要的技术选择之一。</p>
©版权所有: 淮安深度人工智能科技有限公司2020, 备案号:苏ICP备2020056902号-2 | 技术支持：淮阴工学院计算机与软件工程学院《Web开发技术》教学团队