第七章 CSS文字样式

对HTML页面中的文字进行全方位的设置

1、字体

在HTML语言中,文字的字体是通过<font face=“字体名称">来设置的

在CSS中字体则是通过font-family属性来控制的,该属性典型语句:

p{
    font-family:黑体,Arial,宋体,sans-serif;
}

整句代码告诉浏览器首先在浏览者的计算机中寻找黑体,如果该用户计算机中没有黑体,则接着寻找Arial字体,如果黑体与Arial都没有,再寻找宋体。如果font-family中所声明的所有字体都没有,则使用浏览器的默认字体显示。

font- family属性可以同时声明任意中字体,字体之间用逗号分隔开

一些字体的名称中间会出现空格,这需要用双引号将其引起来,如“Times New Roman”。

常见的“sans-serif”和“serif”不是单个字体的名称,而是一类字体的统称。按照W3C的规则,在font-family的最后都需要指定一个这样的字体集,当客户端没有指定字体时可以使用本机上的默认字体。

时间: 2024-11-05 13:47:49

第七章 CSS文字样式的相关文章

5.1 CSS文字样式

文字和图像是传达信息的基础,是网页设计永远不可缺少的元素,各种各样的文字和图像效果在整个互联网中无处不在.本章从基础的文字设置开始,详细讲解CSS设置各种文字效果的方法,然后再进一步讲解关于图像的几个重要的应用领域. 使用过任何文字处理软件的用户对文字排版都不会陌生.例如在Word软件中可以对文字的字体.大小和颜色等各种属性进行设置.CSS同样可以对HTML页面中的文字进行全面的设置. 一.准备网页 为了便于讲解和实践,首先准备一个非常简单的页面,HTML代码如下. <!DOCTYPE html

第 15 章 CSS 文本样式[上]

学习要点: 1.字体总汇 2.字体设置 3.Web 字体 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.字体总汇 本节课,我们重点了解一下 CSS 文本样式中字体的一些设置方法,样式表如下: 属性名 说明 CSS 版本 font-size 设置字体的大小 1 font-variant 设置英文字体是否转换为小型大写 1 font-style 设置字体是否倾斜 1 font-weight 设置字体是否加粗 1 fon

第 15 章 CSS 文本样式[下]

学习要点: 1.文本总汇 2.文本样式 3.文本控制 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.文本总汇 本节课,我们重点了解一下 CSS 文本样式中文本内容的一些设置方法,样式表如下: 属性名 说明 CSS 版本 text-decoration 装饰文本出现各种划线. 1 text-transform 将英文文本转换大小写. 1 text-shadow 给文本添加阴影 3 text-align 设置文本对齐方

百度前端学习日记08——CSS文字样式,边框,背景

前言 MDN网站--文字样式 MDN网站--边框 MDN网站--背景 正文 MDN网站详细的说明举例 总结押后!(重点:背景) 原文地址:https://www.cnblogs.com/no-wing/p/9295973.html

第 19 章 CSS 其他样式

学习要点: 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 其他剩下几个常用的样式,包括颜色.透明度.盒子的阴影轮廓以及光标的样式. 一.颜色和透明度 颜色我们之前其实已经用的很多了,比如字体颜色.背景颜色.边框颜色.但除了背景颜色和边框颜色讲解过,字体颜色却没有系统的讲解过.设置字体颜色其实也成为文本块的前景色. 属性 值 说明 CSS 版本 color 颜色值 设置文本前景色 1 p { color: red; } 解释:设置文本颜

CSS系列:CSS文字样式

1. 设置字体 在CSS中字体通过font-family属性来设置. font-family: Verdana, Arial, Helvetica, sans-serif; 上面的字体设置告诉浏览器首先在访问者的计算机中寻找Verdana字体.如果该访问者的计算机中没有Verdana字体,则寻找Arial字体.若没有Arial字体,再依次寻找Helvetica.sans-serif字体.如果这4种字体都没有,则使用浏览器的默认字体显示. font-family属性可以同时声明多种字体,字体之间用

CSS文字样式属性

本章主要内容 大小 font-size:相对 | 绝对 相对(em %) 字体的大小是根据父级字体的大小而改变的 绝对(px) 字体 font-family:字体 | 字集 颜色 color:颜名 | 十六进制 | rgb 粗细 font_weight:normal(默认) | bold(加粗) | bolder(更粗) | lighter(更细) | 100~900 样式 font-style:normal | italic(斜体) | oblique(倾斜) font-variant: no

CSS文字样式

font-family:通常文章的正文使用的是易读性较强的serif字体,用户长时间阅读下不容易疲劳.而标题和表格则采用较醒目的sans-serif字体.Web设计及浏览器设置中也推荐遵循此原则. font-size:单位px表示具体的像素,因此其显示大小与显示器的大小及其分辨率有关.采用"%"或者"em"都是相对于父标记而言的比例,如果没有设定父标记的字体大小,则相对于浏览器的默认值. 有些时候希望文字不仅有下划线,同时还有顶划线或者删除线,这时可以将underl

18.CSS文本样式【上】

第十五章  CSS文本样式 一.字体总汇 二.字体设置 1.font-size (1)xx-small   } (2)x-small    } (3)small      }    设置字体的大小,每个值从小到大的固定值 (4)mediue     } (5)large      } (6)x-large    } (7)xx-large   } 例.p{ font-size:50px; } (8)smaller    }   设置字体相对于父元素字体的大小 (9)larger     } 例.