字体属性 | 学习笔记

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

开发者学堂课程【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>

 

相关文章
|
14天前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
15 0
|
6月前
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
|
12月前
|
JavaScript 前端开发 Java
字体标签
字体标签全家桶
|
Windows
字体相关属性+颜色取值
字体相关属性+颜色取值
CSS3文本字体相关属性
本文介绍CSS3文本字体相关属性的用法
87 0
CSS3文本字体相关属性
|
前端开发
一文搞懂css常用字体属性与背景属性
一文搞懂css常用字体属性与背景属性
83 0
一文搞懂css常用字体属性与背景属性
|
前端开发 开发者
字体 | 学习笔记
快速学习字体
115 0
字体 | 学习笔记
|
前端开发 安全 开发工具
CSS 属性_字体文本文本装饰 | 学习笔记
快速学习 CSS 属性_字体文本文本装饰
82 0
|
程序员 API iOS开发
iOS开发:字符串设置指定内容的文字颜色、文字大小、文字字体类型
在iOS开发过程中,会有一些为了提高APP的视觉效果而设置的特别一点的效果,比如一行文字需要自定义不同的颜色和文字大小,这就用到通过富文本来设置字符串的颜色、大小和文字类型。这篇博文我打算只介绍怎么设置指定内容的一些文字属性设置,如果之前看过我写的博文,就会发现有一篇类似介绍通过富文本来设置字符串内容的博文,但是那篇是综合性的,包括介绍button的,以及UItextfield的设置,所以在这里我只介绍怎么设置字符串指定位置的一些自定义设置的方法,如有不妥之处,欢迎指正。
527 0