找回密码
 注册

QQ登录

只需一步,快速开始

查看: 30599|回复: 11

[求助] font:12px/1.5 表示什么意思?

[复制链接]
发表于 2010-1-6 00:14:38 | 显示全部楼层 |阅读模式
CSS里面出现:font:12px/1.5  表示什么意思?
怎么中间还有个斜杠
发表于 2010-1-6 00:26:18 | 显示全部楼层
font: 12px;
line-height: 1.5;
回复 支持 反对

使用道具 举报

发表于 2010-1-6 08:30:11 | 显示全部楼层
LS正解
回复 支持 反对

使用道具 举报

发表于 2010-1-6 08:33:30 | 显示全部楼层
font属性语法:
font : font-style || font-variant || font-weight || font-size || line-height || font-family

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

font属性简写的话,font-size和font-family 是必须有的,否则无效。
示例:

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; }
回复 支持 反对

使用道具 举报

发表于 2010-1-6 09:38:48 | 显示全部楼层
楼主可以多了解一些css的缩写就会明白
回复 支持 反对

使用道具 举报

发表于 2010-1-6 09:41:43 | 显示全部楼层
可以参考 阿捷 常用CSS缩写语法总结 http://www.w3cn.org/article/tips/2005/103.html
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-1-6 13:04:04 | 显示全部楼层
谢谢大家!
真的太感谢了!
回复 支持 反对

使用道具 举报

发表于 2010-1-6 13:15:19 | 显示全部楼层

  1. background-color:#f00;
  2. background-position:-20px -30px;
  3. background-repeat:repeat-y;
复制代码

缩写成下面这样可以吗?
  1. background:#f00 repeat-y -20px -30px;
复制代码

[[i] 本帖最后由 imRyan 于 2010-1-6 13:17 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2010-1-6 13:15:28 | 显示全部楼层
font:12px/1.5  后面最好再加一个family ,否则FF浏览器可能不起作用
例如 font:12pts/18pts 宋体;
回复 支持 反对

使用道具 举报

发表于 2010-1-6 13:43:56 | 显示全部楼层

回复 8# imRyan 的帖子

可以。后面两个是有背景图片才起作用。
回复 支持 反对

使用道具 举报

发表于 2010-1-6 15:52:50 | 显示全部楼层
原帖由 [i]imRyan 于 2010-1-6 13:15 发表

background-color:#f00;
background-position:-20px -30px;
background-repeat:repeat-y;

缩写成下面这样可以吗?
background:#f00 repeat-y -20px -30px;

由于没有在background中插入图片,所以只有#f00 有效,其他3项都是无效的,其他三项全都是针对图片的属性
回复 支持 反对

使用道具 举报

发表于 2010-1-6 16:11:37 | 显示全部楼层

回复 11# frankhy200 的帖子

说的非常清楚了 一直多注意细节
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-10-27 09:24 , Processed in 0.063145 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表