Dreamweaver的CSS美化-May.ppt

3.1.5 伪类选择器 超链接样式的设置： A:link / :link 未被访问过的超链接样式设置 A:visited / :visited 访问过的超链接样式设置 A:active / :active 当前选中超链接样式设置 A:hover / :hover 鼠标移动到其上的超链接样式设置 文本效果、行高、字体颜色见“类型”属性；首行缩进、文本对齐、字符间距见区块属性。 显示属性 Display 浏览器都承认的是none属性。其应用时，不仅元素看不见，而且元素将退出当前的页面布局层，不占用任何空间。 对应“区块”属性中的“显示” Visibility取值包括visiible(可见)、hidden(隐藏)和inherit(继承)，默认的为inherit。当其设置隐藏时，仍为元素保留原有的显示空间。 对应“定位”属性中的“显示” 列表属性 list-style-image：图像作为列表项目的符号； List-style-position：inside/outside(默认)，标记位于列表元素的内部or外部。 List-style-type：设置项目符号和编号的样式 其取值与html类似。 对应于“列表”属性。 2.编辑CSS样式表 在“CSS样式”面板中选中一个CSS样式，单击“编辑样式”按钮，则再次打开“CSS规则定义”对话框，在其中可以更改样式的各项属性，也可以选中一个CSS样式后直接在“CSS样式”面板中进行修改。如果一个CSS样式不再使用，则可以将其删除。 3.导出样式表 右击“CSS样式”面板中要导出的内联样式，选择“移动CSS规则”命令，打开“移至外部样式表”对话框。选择“新样式表”单选按钮，单击“确定”按钮。在打开的对话框中输入样式表的名称，单击“保存”按钮即可实现将一个内联样式表导出保存为一个单独的样式表文件。 3.3 样式表属性 3.3.1 CSS的文字属性 文字是一个网页的核心部分，CSS文字属性可以定义文字的字体、大小和粗细等许多外观属性，CSS的文字属性对应于“类型”属性.主要包括： 字体属性 说明 属性参数 font-family 字体 所有有效字体，类似于HTML中的face font-style 文字样式 Normal （正常）、Italic（斜体）、Oblique（偏斜体） font-weight 字体粗细 Normal（正常）、bold（粗体）、bolder(特粗体)、lighter（特细体） font-variant 字体变体 Normal（正常）、small-caps（小型大写字母） font-size 字体大小 绝对值、相对值，默认为medium 选择要定义的“选择器类型”、定义“名称”和“定义在”之后，单击“确定”按钮打开“CSS规则定义”对话框，设置CSS样式的属性，如类型、背景、区块 、方框、边框、列表、定位和扩展（8）。设置完成后单击“确定 ”按钮即可新建一个CSS，如图所示。 3.3.2 CSS的文本属性 文本属性用来控制网页中的文本显示效果，例如颜色、间距和首行缩进等合理的应用，常用的文本属性如表所示。 字体属性 说明 属性参数 text-indent 首行缩进 长度单位、百分比单位 “0”默认无缩进 text-align 文本对齐 left (居左，缺省值)、right (居右)、center (居中)、?justify (两端对齐) text-decoration 文字效果 none (无，缺省值)、underline (下划线)、overline (上划线)、line-through (当中划线) blink（闪烁） line-height 行高属性 normal (缺省值)、length、percentage (百分比，相当于父对象高度的百分比) color 字体颜色 颜色值 Capitalize(首字母大写) /uppercase/lowercase/none 转换文本 text-transfer Normal(默认)、长度(-) 字符间距 letter-spacing 属性参数 说明 字体属性 选择要定义的“选择器类型”、定义“名称”和“定义在”之后，单击“确定”按钮打开“CSS规则定义”对话框，设置CSS样式的属性，如类型、背景、区块 、方框、边框、列表、定位和扩展（8）。设置完成后单击“确定 ”按钮即可新建一个CSS，如图所示。 3.“区块”属性 打开“CSS规则定义”对话框，选择“分类”列表框中的“区块”选项卡，该选项卡可用于设置区