`

css font的简写的方法

    博客分类:
  • css
阅读更多

 

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


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

 

 

参考资料:     css font的简写规则     http://www.studyofnet.com/news/274.html

分享到:
评论

相关推荐

    css通用缩写语法总结(font字体篇)

    CSS 缩写语法是CSS3中提高代码效率和可读性的重要特性,它允许开发者用更简洁的方式定义多个样式属性。在本文中,我们将重点讨论有关`font`、`margin`、`padding`以及`border`的缩写规则。 首先,让我们详细探讨`...

    css font缩写总结附实例

    ### CSS Font 属性缩写详解及实例 #### CSS Font 属性概述 在CSS(层叠样式表)中,`font`属性是一个非常实用且强大的复合属性,它允许开发者通过一条语句来设置字体相关的多个属性,包括字体粗细(`font-weight`)...

    常用css缩写语法总结

    本文将深入探讨CSS中常见的缩写形式,包括字体(font)、边距(margin)和内填充(padding)以及边框(border)。 1. **字体缩写(font)** `font`属性的缩写允许一次性定义字体样式、大小、行高和字体家族。基本...

    css、js、asp.net知识小集合

    3. CSS font简写方法 在CSS中,font属性可以简写为font: [style] [variant] [weight] [size] [/lineheight] [fontfamily],使用该简写方法可以方便地设置字体样式、大小、粗细、行高及字体族等属性。 4. CSS行高...

    css中font的简写方法(包括粗细、大小、行高、字体)

    CSS(Cascading Style Sheets,层叠样式表)是用于描述网页呈现样式的标记语言,其中font属性是一个非常重要的部分,用于...在实际开发中,有效地运用font简写能够极大提高工作效率,同时保持样式的一致性和可维护性。

    图文混排CSS img font.rar

    对于文字的处理,`font`属性是一组简写属性,用于设置字体系列、大小、风格和行高。例如,我们可以这样定义文字样式: ```css p { font-family: Arial, sans-serif; /* 设置字体 */ font-size: 16px; /* 设置字体...

    css font 属性的快捷写法

    在CSS(层叠样式表)中,`font`属性是一个复合属性,允许开发者在一个声明中设置多种字体相关的样式。这不仅有助于减少代码量,还能提高编写CSS时的效率。`font`属性的快捷写法是将多个单独的字体属性合并为一个单一...

    常用css缩写.doc

    在CSS(层叠样式表)中,缩写是一种优化代码的方法,它可以帮助减小CSS文件的大小,提高页面加载速度,并使代码更易读。以下是一些常用的CSS缩写规则和示例: **颜色(Colors)** 在CSS中,16进制颜色值可以进行...

    CSS是Cascading Style Sheet 的缩写

    CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先...

    css缩写的规则

    本文将详细阐述CSS中常见的缩写规则及其使用方法。 #### 二、CSS属性值的简化规则 1. **Margin和Padding** - `margin` 和 `padding` 是CSS中用于设置元素外边距和内边距的属性。这两个属性支持简写形式,具体...

    常用CSS缩写语法总结

    ### 常用CSS缩写语法总结 在前端开发领域,CSS(层叠样式表)是必不可少的一部分,它用于描述HTML文档的外观和格式。为了提高代码的可读性和效率,掌握CSS的缩写语法至关重要。本文将详细介绍并总结常用的CSS缩写...

    FontAwesome.Pro.5.15.4.Web.rar

    "fontawesome" 是Font Awesome的简写,表明这是关于Font Awesome库的内容。 "pro" 指出这是Font Awesome的专业版,通常包含更多的图标和高级功能,可能需要付费使用。 **压缩包子文件的文件名称列表详解:** 1. **...

    常用CSS缩写语法总结.rar

    "常用CSS缩写语法总结"这个资料包正是对这些缩写的集中归纳,旨在帮助开发者提升编写CSS的速度和质量。 1. **简写属性(Shorthand Properties)**: - `font`: 包括`font-style`, `font-weight`, `font-size`, `...

    网页制作之常用CSS缩写语法总结

    ### 网页制作之常用CSS缩写语法总结 在网页设计与开发的过程中,CSS(层叠样式表)是不可或缺的一部分。它不仅能够为网页添加丰富的样式,还能够提高页面的加载速度,优化用户体验。为了更好地掌握CSS,提高工作...

    CSS语法缩写规则

    CSS语法缩写规则是优化CSS代码,提高代码可读性和减少文件体积的重要手段。通过合理的缩写,开发者能够更高效地编写和维护样式表。以下是对这些规则的详细解释: 1. **颜色缩写**: 在16进制颜色表示法中,如果...

    css的一些语法问题

    `font`属性是一个简写属性,可以一次性设置字体样式、变体、粗细、大小、行高和字体族。其基本格式如下: ```css {font: [ <'font-style'> || <'font-variant'> || <'font-weight'> || <'font-size'> [ / ...

Global site tag (gtag.js) - Google Analytics