《无懈可击的WEB设计》学习笔记1
KeyWord:无懈可击的web设计,web规范设计,web设计规范,web规范,web兼容性,浏览器兼容性
<!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>Untitled Document</title>
<style type="text/css">
<!--
body{
font-size:medium;
}
.Small{
font-size:80%;
}
.Big{
font-size:150%;
}
-->
</style>
</head>
<body>
<div id="text">
<p>这还是一个很初步的示例,但是足够清楚地描述了两个步骤:设定一个基准关键 字值,然后对于其他对象,使用百分比值来增大或减小文字。于是,当基准值改变 后,各个对象的文字大小也会相应改变。</p>
<p>使用这种基准值 + 百分比值模型的一个很大的优势是:当想改变默认的页面文字大小时,只需要惟一地改变<body>对象里的声明。其他每个被赋予了百分比值的对象的 文字大小都受这个顶级对象的管辖。所以当 small 被改为 large 后,其他各个对象的 文字大小将会依次地按比例改变。显然,这么做很顺手,即使用别的单位来指定基准值。因为同样的理由,想要用自己创建的样式表覆盖网站提供的默认样式的用户也会觉 得更容易。只需要针对您的基准大小修改一条规则,就能依次成比例地改变整个页面。</p>
</div>
<!-- page -->
<p> </p>
<p>normalnormalnormalnormal</p>
<p class="Big">bigbigbigbigbig</p>
<p class="Small">smallsmallsmallsmallsmallsmall</p>
</body>
</html>
上周,在书店看到了这本书,但是没有买,感觉现在的书都那么贵,已经很长时间没有买书了,特别是习惯从网上down电子书以后,真的没有买过几本书。依稀记得以前每周买《电脑报》时候……
浙公网安备 33010602011771号