关于css 中的font

p { font: /18pts serif; }
H1 { font: 15pt/17pt bold "Arial" normal }
中的/18pt  15pt/17pt是什么意思

作者: qiestef   发布时间: 2008-07-31

字体的大小 Pt是尺寸单位 ..
这个斜杠好像是浏览器支持与否的时候做个选择吧...

作者: xiaomai2008   发布时间: 2008-07-31

那是怎么一个选择法呢?选择的条件是什么?

作者: qiestef   发布时间: 2008-08-01

15pt/17pt是什么意思?
font-size/line-height;
字体大小 / 行高

作者: dcchan   发布时间: 2008-08-01

但我试了一下 这样写貌似没有什么效果

作者: qiestef   发布时间: 2008-08-01


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>font测试</title> <style type="text/css"> <!-- p{ width:200px; } .font1{ font:normal 14px/18px Simson,serif; } .font2{ font:normal 12px/24px Simson,serif; } --> </style> </head> <body> <p class="font1">这是字体14px,行高18px的段落。两行以上才能看到效果。这是字体14px,行高18px的段落。两行以上才能看到效果。这是字体14px,行高18px的段落。两行以上才能看到效果。这是字体14px,行高18px的段落。两行以上才能看到效果。</p> <p class="font2"> 这是字体12px,行高24px的段落。两行以上才能看到效果。这是字体12px,行高24px的段落。两行以上才能看到效果。 </p> </body> </html>
 提示:您可以先修改部分代码再运行
P.S.: font写全font-weight font-size/line-height font-family才会生效。
推荐单个使用,不用一个font。

作者: dcchan   发布时间: 2008-08-01

P.S.: font写全font-weight font-size/line-height font-family才会生效。

不用写那么多,写全font-size,font-family就可以了,这两个是必须的,剩下是随便的

作者: jiangxin85   发布时间: 2008-08-01

我是用px来定义的

作者: move   发布时间: 2008-08-01

引用:
原帖由 dcchan 于 2008-8-1 12:29 发表
15pt/17pt是什么意思?
font-size/line-height;
字体大小 / 行高
就是这个意思

作者: move   发布时间: 2008-08-01

至少這3個一起才有效;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- .abc{float:left;width:150px;font:400 12px/20px "宋体"} .cde{float:left;width:150px;font:400 12px/50px "宋体"} --> </style> </head> <body> <div class="abc"> 无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档 </div> <div class="cde"> 无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档无标题文档 </div> </body> </html>
 提示:您可以先修改部分代码再运行

作者: km268   发布时间: 2008-08-01