字体缩写

最新推荐文章于 2022-02-05 10:06:32 发布
原创 最新推荐文章于 2022-02-05 10:06:32 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种将CSS样式简化的方法，通过组合属性减少代码量。重点讲解如何使用简写属性来定义字体样式，包括字体斜体、小型大写字母、粗细、字号、行高及字体家族。 
body{
   font-style:italic;  //设置字体为斜体
   font-variant:small-caps; //区分大小写，浏览器会显示小型大写字母的字体
   font-weight:bold; //设置粗体
   font-size:12px;  //字号是12像素
   line-height:1.5em;  //行间距（行高）1.5个行倍
   font-family:"宋体",sans-serif;//设置中文字体为宋体，英文字体为sans-serif}

可以简写为
body{
    font:italic  small-caps  bold  12px/1.5em  "宋体",sans-serif;
}

使用简写必须定义font-size font-family

简写字号和行高时必须使用/

hamity
关注
css通用缩写语法总结（font字体篇）
08-24
font字体缩写字体缩写是针对字体样式的缩写形式，包含字体、字号等属性，使用方法如下： font:font-style font-variant font-weight font-size line-height font-family
css中font的简写方法(包括粗细、大小、行高、字体)
09-25
定义了元素的字体类型，可以指定一个字体族名列表，浏览器会按顺序选择列表中的字体进行显示，如果系统中没有安装指定的字体，则使用默认字体。 font属性的简写格式如下：font: font-style font-variant font-...
字体简写
CSS 初学者指南
06-21 831
句法 body { font: font-style font-variant font-weight font-size/line-height font-family; } 正在使用 body { font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif; } 您至少需要提供font-si...
【Html】字体缩写
O(∩_∩)O
12-10 1296
网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif;
27.字体缩写
weixin_34357928的博客
02-13 144
网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-s...
CSS字体缩写详解：快速设置字体样式
本文主要聚焦于`font`属性的缩写以及`margin`和`padding`的简写形式，帮助开发者更高效地编写CSS代码。" 在CSS中，`font`属性的缩写允许我们将多个与字体相关的属性合并成一个声明，从而减少代码量。`font`属性可以...
精选资源
微软雅黑字体：正常，轻体，加粗
最新发布
10-10
TTC是TrueType Collection的缩写，它是一种容纳多个字体的文件格式，可以在一个文件内包含多种字体样式，便于管理和使用。 微软在设计微软雅黑字体时，考虑到了中文排版的特殊性，包括字形的结构、笔画的特点以及...
css学习笔记之三
Karway的专栏
08-13 510
颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、
21 css中字体的缩写
dhbibvfyiox347379的博客
07-10 161
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> /*下边是body{ font-style:italic; font-va...
1.CSS字体属性简写规则
---------------阿谢—————『flyxiaoye』----------
09-17 722
　　一般用CSS设定字体属性是这样做的：0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}" /> Example Source Code [www.52css.com]font-weight:bold;font-style:italic
CSS行高、字体简写属性、文本样式学习笔记
知远同学的博客
12-17 1154
目录一 行高二 字体的简写属性三 文本的样式 一 行高 行高：line-height，指的是文字占有的实际高度，可以通过line-height设置行高。 行高可以直接指定一个大小，单位可以是px 或者 em，也可以直接设置一个整数，将是字体大小的倍数； line-height:2;表示行高是字体大小的2倍。 默认是1.33； 字体框：字体存在的格子，设置font-size是设置字体框的大小。 行高会在字体框的上下平均分配。 一般会将行高设置为和高度一样的值，使得单行字体居中。 行间距=行高-字体大小。 二
64字体的简写属性
quanxiaobai_的博客
06-14 199
我们之前设置字体的属性主要有以下几种 font-size font-family font-weight（加粗） font-style（斜体） line-height color 现在我们可以简写成一个属性font <!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
~71字体的简写属性
sanda_nd的博客
02-05 311
一、字体的相关属性 font-weight加粗字体 可选值：1、normal，默认值不加粗 2、bold，加粗 3、100~900，九个级别（基本没用） font-style字体的风格 可选值：1、normal，正常的 2、italic，斜体 二、字体的简写属性 font可以设置字体相关的所有属性 语法：font：字体大小/行高 加粗 风格 字体族；（行高可以省略不写，如果不写则用默认值） ...
中文字体的英文名称
学海一粟
04-01 734
在网页前端开发制作中经常遇到需要使用微软雅黑，宋体等中文字体的情况，一般我们直接使用 font-family:"微软雅黑"; 这样的写法，然而在一些英文系统或者MAC中直接在CSS中使用中文可能会无法读取，或者你是像我一样，看到在CSS中出现中文就心里不爽的人，那么，介绍CSS中几种中文字体的英文写法： Mac OS的一些： 华文细黑：STHeiti Lig
css中font的简写方式
学习也休闲
01-07 2274
一、字体属性主要包括下面几个 font-family，font-style，font-variant，font-weight，font-size，font font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等; font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）; font-
字号、pt、px、inch、cm 之间的关系及对照表
热门推荐
zgmzyr的专栏
12-13 5万+
<br />转载于：http://www.cnprint.org/bbs/thread/73/67855/<br /> <br />在印刷排版中，“point”是一个绝对的单位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。但在 CSS 中 pt 的含义却非如此，例如我们指定一个字体是 9pt，我们会以为按照 CSS 规范，它等于:<br /><br />　　9 * 1/72 = 1/8 inch<br /><br />　　这是一个误解，因为我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色
CSS-----颜色值的缩写和字体的缩写方法
dangzhangjing97的博客
03-12 3430
一、CSS颜色值的缩写: 当设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半 例如： （1）p{color:#000000;} 可缩写为：p{color:#000;} （2）p{color:#336699;} 可缩写为：p{color:#369;} 二、字体缩写 例如： body{ font-style:italic; /* font-variant:small-caps; fo...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值