配色与网页设计 项目3：文字在网页中的应用 项目三：文字在网页中的应用.pptx

掌握与文字相关的HTML标签； 掌握设置文字样式的CSS代码；;任务说明;任务步骤;任务步骤;;;;;;;;;支撑知识点;设置文字字体;设置文字大小;设置斜体;设置文字粗细;设置文字颜色;设置变体;组合设置文字属性;;相对长度单位;; 在Dreamweaver的代码界面中输入代码“color:”后，会自动弹出标签选择器，选择“颜色”，将打开颜色面板，可从中选择需要的颜色。如果没有弹出标签选择器，也可右击要输入颜色值的位置，在弹出的快捷菜单中选择“代码提示工具”“颜色选择器”，来打开颜色面板。;掌握与段落相关的HTML标签； 掌握设置段落样式的CSS代码；;任务说明;构建HTML结构;任务步骤;;构建CSS样式;;;;;支撑知识点;修饰文字;转换英文字母大小写;设置中文字符间距;调整英文单词间距;设置段落的水平对齐方式;设置段落首行缩进;;掌握与列表相关的HTML标签； 掌握设置列表样式的CSS代码；;任务说明;;;;;;;; 属性为list-style-type，用于设置列表项的符号类型，基本语法为：list-style-type:属性值; 。其常用属性值及意义如表3-13所示。; 属性为list-style-image，用来将图像作为列表符号，从而丰富和美化列表符号，其基本语法为：list-style-image:url; 。; 属性为list-style-position，用来设置列表符号的缩进，即列表项的位置，其基本语法为：list-style-position:outside|inside; 。各属性值的意义如表3-14所示。;;;; 常见的块元素有：div/div、h(n)/h(n)、p/p、form/form、ul/ul、li /li等；常见的行内元素有：span/span、a/a、img、input等。