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等。