【CSS】font样式简写(转)- 不是很建议简写

一、字体属性主要包括下面几个


font-family,font-style,font-variant,font-weight,font-size,font

font-family
(字体族): “Arial”、“Times New Roman”、“宋体”、“黑体”等;
font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜);
font-variant (字体变化): normal(正常)或small-caps(小体大写字母);
font-weight (字体浓淡): 是normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900之间的数字(以百为单位);
font-size(字体大小): 可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em

 

如果用 font 属性的话,就可以把几个样式进行简化,减少书的情况;font 属性的值应按以下次序书写(各个属性之间用空格隔开)

 

顺序:font-style | font-variant | font-weight | font-size | line-height | font-family

 

二、font的简写实例
.font{
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
}
上面的样式简写为:
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}
三、font的简写注意事项
1、简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。
2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值

转载于:https://www.cnblogs.com/huxiaoyun90/p/4302730.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/359211.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Spring boot的简单用法

打算通过写一系列的文章,让大家能够认识SpringBoot,通过对SpringBoot的入门学习后,在通过一个示例Demo来让大家能够真正上手SpringBoot。 适合人群: 1、有一定Java基础的朋友 2、适合初中级的朋友。 1.什么是Spring Boot 来源官方文档: Spring Boot makes it…

android 布局防抖动,Android全屏返回布局抖动问题

在api19以后actvityA切到actvityB ,如果B是全屏的,A是非全屏的,这个时候切换回A会有一个状态栏出现的动画,随着状态栏出现动画我们的布局会出现一个从上往下的抖动。在ActvityA的setContentView()方法后调用initStatusBar()方可解…

Bluetooth LE(低功耗蓝牙) - 第一部分

前言 在写这篇文章的时候,谷歌刚刚发布了Android Wear ,摩托罗拉也发布了 Moto 360 智能手表。Android Wear的API还是相当基本的,是很好的文档材料,而且还会不断的更新,所以我不打算写一个关于他们的教程(至…

Android查看web日志,详解Android WebView监听console错误信息

根据需求,我们要拿到h5的错误信息,并将error信息进行上报。查询了下Android WebView的API发现了WebChromeClient这个方法可以满足要求:Overridepublic boolean onConsoleMessage(ConsoleMessage consoleMessage) {//获取log的级别switch (con…

Hibernate READ_ONLY CacheConcurrencyStrategy如何工作

介绍 正如我前面所解释的 ,企业的高速缓存需要勤奋。 由于数据在数据库( 记录系统 )和缓存层之间重复,因此我们需要确保两个单独的数据源不会分开。 如果缓存的数据是不可变的(数据库和缓存都无法修改它)&…

关于gui的skinnableContainer的一点问题

创建一个UIAsset var uiAsset new egret.gui.UIAsset();uiAsset.source "bgImage"; 把UIAsset添加到SkinnableContainer上 var container new egret.gui.SkinnableContainer();container.addElement(uiAsset); 然后把container添加到stage上会发现uiAsset并没有显…

漫谈:Java和Python现在都挺火,我应该怎么选?Java和Python优缺点比较。

http://www.bossqiang.com/article/4 声明:这是一篇容易引起撕逼的文章,为了祖国和谐,人民安康,请各位看官尽量理性讨论。同时,这篇文章是面向一些初入行的朋友进行一些相对中肯一点的分析和建议而已,虽然…

关闭Android电池温度告警框,android电源信息查看(电量、温度、电压)实例代码

本文实例讲述了android电源信息查看方法。分享给大家供大家参考。具体如下:1. PowerTestActivity:import android.app.Activity;import android.content.BroadcastReceiver;import android.content.Context;import android.content.Intent;import androi…

Spring集成和Web服务

本文是我们名为“ Spring Integration for EAI ”的学院课程的一部分。 在本课程中,向您介绍了企业应用程序集成模式以及Spring Integration如何解决它们。 接下来,您将深入研究Spring Integration的基础知识,例如通道,转换器和适…

如何在微博首页放置一个二维码?

首先用photoshop打开作为微博背景的图片,还有二维码图片。 然后将二维码图片整合到背景图片的适当位置,并编写相关说明,如下图。 然后将图片保存到桌面。 打开微博,可以看到左侧现在是没有二维码的

android 循环创建json数组对象,Android-创建JSON数组和JSON对象

小智..295使用以下代码:JSONObject student1 new JSONObject();try {student1.put("id", "3");student1.put("name", "NAME OF STUDENT");student1.put("year", "3rd");student1.put("curriculum", &q…

RethinkDB创始人教你如何打造一个伟大的互联网产品

关于作者 我叫Slava Akhmechet,本人是 RethinkDB 的创始人之一,RethinkDB是开源,分布式数据库,旨在帮助开发人员与运营商在打造实时应用时处理无结构数据 如何打造一个伟大的互联网产品 假如你认可“销售定乾坤”的原则&#xff0…

xml对象映射_将对象映射到多个XML模式–天气示例

xml对象映射我已经在EclipseLink JAXB(MOXy)的XmlPath和外部绑定文件扩展中撰写了以前的文章。 在本文中,我将通过将单个对象模型映射到两个不同的XML模式来演示这些扩展的功能。 为了使示例更加“真实”,XML数据将来自提供天气信…

java-JSON: Expected value at 1:0 错误

/* 前后端通信相关的配置,注释只允许使用多行方式 */ {/* 上传图片配置项 */"imageActionName": "uploadimage", /* 执行上传图片的action名称 */"imageFieldName": "upfile", /* 提交的图片表单名称 */"imageMaxSize": 204…

Android获取LAUNCHER,Android 获取Launcher 启动列表

先留着有时间再看获取Launcher 启动列表即 列出所有Launcher程序 通过PackageManager 来获取[代码 步骤]1. 定义内部类 LauncherItem 用于定义Application相关属性 比如:图标 名称 以及 ComponentNameJava代码1  public class LauncherItem {23   Drawable icon;…

数据库高可用架构 转载

数据库高可用架构对于我们这些应用端开发的人来说是一个比较陌生的领域,是在具体的数据库产品之上搭建的环境,需要像DBA这样对数据库产品有足够的了解才能有所涉及,虽然不能深入其中,但可以通过一些经典的高可用架构学习其中的思想…

将Java 8日期时间API与JSF和Java EE 7结合使用

如果您将Java 8与Java EE 7一起使用,则在尝试利用某些Java 8新功能时可能会遇到一些怪癖。 一个这样的怪癖是,默认情况下,新的Date-Time API不适用于许多Java EE 7 API,因为它们是为与java.util.Date和/或较早的Date API一起使用而…

解决 There are no resources that can be added or removed from the server

网上下载了一个项目,在eclipse中部署时,加载项目到tomcat中项目名称无法显示,报出There are no resources that can be added or removed from the server 这个是因为下载下来的项目没有eclipse的相关配置文件,eclipse不知道这是一个什么项目。 解决方法: 1、进入confi…

推荐几款爬虫软件与无需编程的数据分析工具

爬虫软件: 八爪鱼,火车头,前嗅,熊猫采集器,集搜客等 相对来说八爪鱼配置还是比较简单的,不过免费版的爬起数据来那叫一个慢。。。 不过也可能是我是个急性子。。。1分钟爬10条,很心塞啊。火车头就尴尬,不是高 配版。。基本上啥也干不了,不过好的一点是他们的论坛还是…