文档章节

CSS属性:font-family

博为峰教研组
 博为峰教研组
发布于 2017/05/03 19:31
字数 247
阅读 4
收藏 0

    

CSS font-family示例:

 

源码如下:

<html>

  <head>

    <meta charset="utf-8">

    <style type="text/css">

     #p1{

        font-family: Arial,宋体;

     }

     #p2{

        font-family: Serif;

     }

     #p3{

        font-family: Sans-serif;

     }

     #p4{

        font-family: Monospace;

     }

     #p5{

        font-family: Cursive;

     }

     #p6{

        font-family: Fantasy;

     }

</style>

<title>font-family属性</title>

  </head>

  <body>

    <p id="p1">CSS 特定字体</p>

    <p id="p2">CSS Serif 字体</p>

    <p id="p3">CSS Sans-serif 字体</p>

    <p id="p4">CSS Monospace  字体</p>

    <p id="p5">CSS Cursive 字体</p>

<p id="p6">CSS Fantasy 字体</p>

  </body>

</html>

属性说明:

在 CSS 中,存在两种类型的字体系列名称:

    通用字体  - 具有相似外观的字体系统组合(例如 "Serif" , "Monospace"等)

    特定字体  - 具体的字体系列(比如 "Times" , "Courier"等)

CSS使用指定特定的字体系列取决于用户浏览器是是否可用;如不支持某个特定字体,也不会下载,因此一般使用推荐一个通用字体系列名作为字体。

CSS定义了 5 种通用字体系列

    Serif 字体

    Sans-serif 字体

    Monospace 字体

    Cursive 字体

    Fantasy 字体

 

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
高效整洁CSS代码原则 (上)

CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局...

CavinTang
2011/01/06
0
0
好程序员web前端分享css常用属性缩写

好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:   颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: ...

好程序员IT
04/22
0
0
CSS中font属性的注意事项

font包含font-style font-variant font-weight font-size/line-height font-family; 在书写font属性时font-style font-variant font-weight 在前,且顺序可以随意排列;font-size/line-heig......

LorinLuo
2014/12/16
0
0
【Jquery】- 选择器用法

Jquery 属性选择器 界面 js操作逻辑 效果: Jquery 层次选择器 diverse.css: 界面 js操作逻辑 效果: Jquery 父子选择器 界面 js操作逻辑 效果:...

ZeroneLove
02/28
0
0
Java程序员从笨鸟到菜鸟之(十六)CSS基础积累总结(上)

一:CSS的工作原理 1.基本的CSS语法 比方说,我们要用红色作为网页的背景色: 用HTML的话,我们可以这样: 用CSS的话,我们可以这样获得同样的效果: body {background-color: #FF0000;} 上例...

长平狐
2012/11/12
63
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊Elasticsearch的CircuitBreakerService

序 本文主要研究一下Elasticsearch的CircuitBreakerService CircuitBreakerService elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/indices/breaker/CircuitBreakerService.ja......

go4it
5分钟前
0
0
Spring系列教程六:AOP详细讲解

AOP 概述 什么是 AOP AOP:全称是 Aspect Oriented Programming 即:面向切面编程。 AOP技术是对OOP技术的一种延伸,AOP是面向纵向,OOP是面向横向。简单的说它就是把我们程序重复的代码抽取...

我叫小糖主
18分钟前
7
0
Qt编写数据可视化大屏界面电子看板9-曲线效果

一、前言 为了编写数据可视化大屏界面电子看板系统,为了能够兼容Qt4和嵌入式linux系统,尤其是那种主频很低的,但是老板又需要在这种硬件上(比如树莓派、香橙派、全志H3、imx6)展示这么华...

飞扬青云
39分钟前
3
0
责任链模式

//这篇博客的博主真的不错,解析的都很清晰明了, https://blog.csdn.net/jason0539/article/details/45091639

南桥北木
今天
3
0
Flutter -------- dio网络请求

dio是Flutter中文网开源的一个强大的Dart Http请求库,支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等... 1.添加依赖# dependencies: dio: 2.1.x #...

切切歆语
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部