px: 基于像素的单位。像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的。
em : 一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。
比如
<div style="font-size:12px">
<span style="fontsize:2em">这里的字是24px</span>
</div>
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的。
pt: 印刷业上常使用的单位,磅的意思。一般也用于页面打印排版。
css中一般是用font-size来设置字体大小。示例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css字号设置</title>
<style>
div{font-size:16px}
p{font-size:18px}
h2{font-size:20px}
</style>
</head>
<body>
<div>16号字体<div>
<p>18号字体</p>
<h2>20号字体(h2自带字体属性)</h2>
</body>
</html>
CSS设置表格字体的大小,直接定义tabletd就可以。
td{font-size:12px}
如果有多个表格,需要分别定义,可以给每个表格添加不同的class。
例子:
这是表格一
这是表格二
相应的css为:
.a
td{font-size:12px}
//表格1的字体是12px
.b
td{font-size:14px}//表格2的字体是14px
除了定义字体大小外,还可以定义其他CSS样式,非常的方便。