读《HTML之路》第1、2章 笔记
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Font sizes</title>
<style type="text/css" media="all">
body {
/*
通过百分比的形式,在body中指定正文的初始字体的大小,
然后以em标识相应内容,这样浏览器上的“最小”到“最大”的跳跃都能很好的显示
*/
font: 150% arial, helvetica, sans-serif;
}
h1 {
/*
即正文初始化字体大小的百分比
是相对单位
*/
font-size: 200%;
}
#h21 {
/*
像素,即指定一个字体大小为几个像素,一个像素大小是由分辨率决定的
是绝对单位
*/
font-size: 50px;
}
#h22 {
font-size: 2em;
}
#p1 {
font-size: 25px;
}
#p2 {
/*
em表示的是字体大小的计算值,1em表示正文初始大小的一倍,2em标识正文初始大小的2倍
是相对单位
*/
font-size: 1em;
}
&