样式控制与页面布局

6、者快速设置元素的样式，在【设计】视图下，选择某个元素,然后鼠标右键单击该元素，在快捷菜单屮选择【样式】命令，即看到图5-1所示的窗口。图5J样式生成器窗口该窗口分为两个窗格。左窗格列出8个常规类别（字体、背景、文本、位置、布局、边缘、列表和其他）。当选择某个类别吋，右窗格显示所选类别下的选项。选择了样式选项并单击【确定】按钮后，样式生成器会自动在【源】视图屮生成对应的样式定义。表5・1列出了样式生成器窗口的常用选项。类别常用选项字体(1)系列(fonl-family)：提供-•组不同浏览器均可正

7、常显示的字体，对于中文网站，--般选择“宋体”即可(2)颜色(color):一般用RGB值(例如：#FF0000为红色)或者从“颜色选取器”中选择(3)大小(fonl-size)：设迓字体大小。单位有px、pt(默认)、pc、mm、cm、in、em、ex和％。注意，字体不要使用像素(px)作为度量单位，因为以像素为单位格式化的文本在打印时比显示的大小要小得多。也可以设置字体的相对大小，该选项与级联式样式中的父级样式有关。例如，如果＜body＞元素文本是8pt,＜span＞元素中文本的样式设豊为“

8、较小”，则＜span＞文本小于8pl(4)效果(lexl-decoralion)：选项有“无”、“下划线”、“删除线”和“上划线”。如果未选择“无”，则可以选择其余效果的任意组合。例如，可以同时选择“下划线”和“删除线”(5)大写(text-transform):选项有“＜未设置〉”、“无”(按输入时的大小写)、“首字母大写”、“小写”或“大写”。如果选择“大写”，则所设置的文本全部按大写显示背景(1)背景色＜background-color):与字体颜色选择方式相同(2)背景透明(backgr