7、Controlling Typography

1、测量单位分两种，一种为absolute，另一种为relative。point(pt),inches(in),centimeter(cm)属于absolute。ems(em),ex(ex),precentage(%)，pixels(px)属于relative。

 

2、point(pt)是1/72inche。主要用在打印领域。inches也就是inche，主要也是用于打印领域。cm就是厘米

 

3、em就是大写字母M字的尺寸。ex就是小写x的高度。%是按所在空间的百份比。px是像素点。

 

4、在dw中，在设置字体的下拉框中选择edit font。在弹出的对话框中可以设置自已的字体列表，设置后会在下拉列表中出现。css中设置字体时，如果字体只有一个单词，可以不用引号，如果字体名称有多个单词，即需要用引号括起来。

 

5、右击工作区的边栏可以调出rendding style面版，使用该面版可以预览该页面在各种设备上的效果。（如果要测试打印机效果，也可以使用一些软件的打印到XXX功能）。另外也可以临时缩放全部字体的大小。

 

6、给一小段文字加粗，可以使用strong标签或加span标签后设置加粗样式。

 

7、firefox默认文字大小1em为16px。

 

8、line-height就是文字高度加上下方空格高度。line-height可以使用em/px等单位，而另一种建议的方法是不使用单位。例如直接写1.5，意思就是line-height的高度为font高度的1.5倍。例如如果font为3em，那line-height就是4.5em。所以建议在设置line-height时不要写单位。在dw中设置单位时选择multiple。

 

9、css的命名中，,号表示并排关系，例如a,img表示两类标签，而空格表示层次关系，例如a img表示a标签下的img。css的声明中，同一个属性的多个值也是用空格格开。

 

10、一些快捷缩写方式，例如margin，如果只写一个值，表示四方都是同一个值。如果是两个值，第一个值表示上下，第二个值表示左右，如果是三个值，第一个值表示上，第二个值表示右左，第三个值表示下。如果有四个值，那就是表示上、右、下、左。写值时，如果值为零，可以省略单位。使用margin-left可以做出句前缩空格的效果。

 

11、css文件头部可以写一些标签选择器，设置margin为零。另外一些浏览中会把上下相近的两个元素的margin折叠。

 

12、在dw中修改某元素所在样式的步骤。先alt+click点击该元素，然后点击最后面的样式，该样式就会定位到css面版中对的的样式中，双击该样式，这样就可以方便修改。

 

13、对单个字使用vertical-align为sub可以做出化学式h2o中2为脚注这样的效果。也可以直接付一个具体的值给vertical-align，例如-.2em。

 

14、text-transform可以把文字设为全大写、小写、开头字母大写等效果。

 

15、selector命名中的：号表示状态。例如点击一链接后再返回，该链接会变色。如果要不变色，可以定义一个元素状态选择器a:link,a:visited{}。

 

16、开发一个网站前应先写一些元素选择器作为全局的样式，决定各种元素的margin/padding/font-size/color等。