`

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字体篇)

    font字体缩写字体缩写是针对字体样式的缩写形式,包含字体、字号等属性,使用方法如下: font:font-style font-variant font-weight font-size line-height font-family

    css font缩写总结附实例

    css 缩写

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

    css中font的简写方法(包括font-weight,font-size,line-height,font-family) 也就是粗细、大小、行高、字体等等,把它们合在一起写,需要的朋友可以参考下

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

    3 css font的简写的方法 4 css行高line height的介绍 5 parent和opener的区别 6 $ document ready和window onload的区别 7 css如何清除浮动 8 SqlTransaction事务的用法 9 extjs中apply和applyIf 10 asp net如何在...

    CSS是Cascading Style Sheet 的缩写

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

    CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)

    比如font是一个简写属性,可以用于设置多种字体属性。它指定了font-style、font-weight、font-size、font-height以及font-family。 font: italic bold 18px/1.2 "Helvetica", "Arial", sans-serif; 还有如下属性:...

    CCS学习资料css项目源码和文档资料.zip

    font属性简写 (1).pdf font属性简写.pdf HTML标签默认样式汇总.pdf position定位.pdf position源码.rar z-inde(教辅)x.pdf 圣杯布局和双飞翼布局.pdf 盒子模型(ppt).pdf 盒子模型(源代码).rar 网页布局基础.rar ...

    H5+CSS3.zip

    css字体样式:font-family设置字体系列,font-size设置字体大小,font-weight设置字体粗细,font-style设置字体样式,color设置字体颜色的三种形式,font的简写; css文本样式:使用text-decoration添加文本修饰,...

    css+div技术参考手册

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

    css 简写用法介绍

    能够简写的css属性主要有以下几个: font 简写: font:italic small-caps bold 12px/1.5em arial,verdana; 等效于: font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:...

    CSS网站布局实录 (第二版)PDF版

    6.5.1 font字体缩写 6.5.2 margin与padding边距缩写 6.5.3 border边框缩写 6.5.4 list列表缩写 6.5.5 background背景缩写 6.5.6 color颜色缩写 6.6 CSS代码优化 6.6.1 增加代码重用率 6.6.2 使用样式覆盖进行简化 ...

    css font 属性的快捷写法

    font:italic small-caps bold 12px/1.5em arial,verdana; 等效于: font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px;...line-height:1.5em;...(注:简写时,font-size和line-hei

    CSS属性简写整理

    《写出高效整洁的css的13条规则》里面有提到要尽量简写css。具体怎么简写呢,总结如下: 盒子的内外边距(margin和padding) 以margin为例,padding相同。盒子有上下左右四个方向,每个方向都有个外边距: 演示代码 ...

    CSS缩写6个图例总结

    本文将通过CSS实例,讲解六种缩写的形式。它们分别是margin和padding、border、background、font、list和color。Webjx.Com以前也有过类似的文件,但本文的讲解更加的清晰。如果你对CSS缩写已经掌握,仅当复习,如果...

    CSS属性简写和选择器的优先级问题

    精简 CSS 代码有很多种方法,但其中最常用的方法可能就是使用属性的简短形式。 具有简短写法的 CSS 属性很多,但是常用的属性无外乎字体、列表、背景、边框、透明等几种,所以在此对这几种属性的简短写法做个归纳,...

    CSS3 calc()会计算属性详解

    calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、margin、pading、font-size、width和height等属性设置动态值。 怎么使用 calc()可以使用数学运算中的简单加(+)、...

    Web前端与移动开发之css字体属性.txt

    5.字体的复合属性(简写方式 节约代码) body { font: font-style font-weight font-size/line-height font-family; } 不能更换顺序 属性间以空格隔开 不需设置的属性可以省略(取默认值) font-size font-...

    CSS代码格式化和压缩的方法与技巧

    第一步:需要掌握css的缩写技巧参考下面的文章即可CSS缩写优化CSS文件的体积CSS常用属性缩写实例[推荐]第二步:用css在线格式化与压缩工具第三步:测试,看看经过压缩后的css文件,会不会导致页面变形等问题,一般...

Global site tag (gtag.js) - Google Analytics