字体属性 | 学习笔记

简介: 快速学习字体属性。

开发者学堂课程【CSS 快速掌握字体属性】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/611/detail/9172


字体属性

 

内容介绍

一、属性名具体内容

二、代码演示

 

 

一、属性名具体内容

属性名:font-styleenormal(正常)(italic)斜体 功能:设置文本为斜体。

属性名:font-weightr normal(正常)bolde 功能:设置文字粗细。

属性名:font-size 值:如12 px14 px。功能:给文本设置大小。

属性名:font-family 值:微软雅黑、楷体、宋体.... 功能: 给文本设置字体。

属性名:fonte 值:举例:font:italic bold 14px“微软雅黑 功能:简写属性能够同时给文本设置斜体、加粗、大小、字体每一个值之间需要使用空格 并且一定要有顺序。

关于字体:一般很特殊的字体 网站上面都是使用图片来表示。是否能够显示此字体是根据用户电脑里面是否有对应的字体文件,如果没有该文件就会显示为宋体。

 

二、代码演示

<title>字体属性</title>

<style type="text/css">

.zhang{

font-style:italic/*将文本设置为斜体*/

font-weight:bold;/*将文本设置加粗效果*/

font-size:36px;/设置文本的大小*/

font-family:“黑体宋体微软雅黑

}

I{

font-style:normal/*将斜体恢复正常*/

}

B{

font-weight:normal;/*将加粗效果恢复正常*/

}

.lin{

/分别设置的*/

/*font-style:italic;

font-weight:bold;

font-size:24px;

font-family:"楷体*/

font:italic bold 24px“楷体"/

}

</style>

</head>

<body>

<h3>诛仙</h3>

<p>故事是从一个叫做<span class="zhang">张小凡</span>的普通少年开始的。<i>机缘巧合,</i>一位<b>天音寺</b>名为普智的高除了张小凡和<span class="lin">林惊羽</span>两个小孩

七脉会武</p>

</body>

</html>

 

相关文章
|
3月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
64 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
2月前
字体的风格(face属性)
【10月更文挑战第7天】字体的风格(face属性)。
22 1
|
3月前
边框属性
边框属性。
34 4
|
5月前
|
前端开发
设计--字体样式---斜体,CSS字体属性用法
设计--字体样式---斜体,CSS字体属性用法
|
7月前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
7月前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
52 0
|
JavaScript 前端开发 Java
字体标签
字体标签全家桶
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
1199 0
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
|
前端开发 开发者
|
iOS开发
iOS开发 - 同一段文字显示不同颜色和字体
iOS开发 - 同一段文字显示不同颜色和字体
114 0