在css中font : 88%1.4 Calibri, "Lucida Grande", Verdana, sans-serif; 88%1.4什么意思？

html-css08

在css中font : 88%1.4 Calibri, "Lucida Grande", Verdana, sans-serif; 88%1.4什么意思？,第1张

88%/1.4

88% 为字体大小，这个字体大小是相对于父级字体的大小，如，如果父级的大小为

14px 那么这里的大小就为：14*88% 这个大小

后面的 1.4 为1.4倍的行高。

以上……

完整代码如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>网页特效观止|JsCode.CN|---用CSS样式定义的圆角表格</title>

</head>

<style type="text/css">

body{padding: 20pxbackground-color: #FFF

font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}

h1,h2,p{margin: 0 10px}

h1{font-size: 250%color: #FFF}

h2{font-size: 200%color: #f0f0f0}

p{padding-bottom:1em}

h2{padding-top: 0.3em}

div#nifty{ margin: 0 10%background: #9BD1FA}

b.rtop, b.rbottom{display:blockbackground: #FFF}

b.rtop b, b.rbottom b{display:blockheight: 1px

overflow: hiddenbackground: #9BD1FA}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1pxheight: 2px}

</style>

</head>

<body>

<div id="nifty">

<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

<h1>标题</h1>

<p>内容</p>

</div>

</body>

</html>