CSS-FONT样式

2016-02-19 16:39 6 1 收藏

今天图老师小编要跟大家分享CSS-FONT样式,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

font版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:有

语法:

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

font : caption | icon | menu | message-box | small-caption | status-bar

取值:

font-style : CSS1 请参阅 font-style 属性

font-variant : CSS1 请参阅 font-variant 属性

font-weight : CSS1 请参阅 font-weight 属性

font-size : CSS1 请参阅 font-size 属性

line-height : CSS1 请参阅 line-height 属性

font-family : CSS1 请参阅 font-family 属性

caption : CSS2 使用有标题的系统控件的文本字体(如按钮,菜单等)

icon : CSS2 使用图标标签的字体

menu : CSS2 使用菜单的字体

message-box : CSS2 使用信息对话框的文本字体

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

small-caption : CSS2 使用小控件的字体

status-bar : CSS2 使用窗口状态栏的字体

说明:

设置或检索对象中的文本特性。该属性是复合属性。

默认值为: normal normal normal medium normal "Times New Roman" 。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。

对于如何使用用户端系统可能没有的字体,可以参阅 @font-face 规则。

对应的脚本特性为 font 。

示例:

p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }

来源:https://www.tulaoshi.com/n/20160219/1612644.html

延伸阅读
标签: Web开发
相信大家对样式命名都多少感到困难,特别是想起一个有意义的名,更难。回顾了一下之前写的《 样式命名规则 》(不知道大家使用后有什么感想)结合这段时间使用上发现的一些问题,重新整理了样式的命名规则,希望能更实用些。 要避免当状态改变时名称失去意义,最常见的就是用于布局的类名,如left、right,当左边栏不再是左边栏的时候,lef...
标签: Web开发
命名一直是个让我头痛的问题,特别是那些看上去差不多的模块,所以就得想办法啦,我总结了下面的方法,虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下: 要注意的内容: 一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。 二,样式类名由以字母开头...
标签: Web开发
虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果。在的文档中,也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /**/ font-size:9...
标签: Web开发
前面我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用link标记链接到...
标签: Web开发
color版本:CSS1 兼容性:IE4+ NS4+ 继承性:有 语法: color : color 取值: color : 指定颜色。请参阅 颜色单位 和 附录:颜色表 说明: 检索或设置对象的文本颜色。无默认值。 注意,用颜色名称指定 color 不被一些浏览器接受。但使用 RGB 值指定颜色能被所有里浏览器识别并正确显示。 此属性对于 currentStyle 对象而言是只...

经验教程

403

收藏

27

精华推荐

CSS技巧:清理无用的CSS样式

CSS技巧:清理无用的CSS样式

shellstonelei

CSS继承样式定义方法

CSS继承样式定义方法

S最渺小的自己

重置默认样式:css reset

重置默认样式:css reset

风华正貌_

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部