您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 管理学资料 > 用DW建立CSS样式
用DW8来建立CSS样式创建CSS文件和样式“正在”模式下的样式面板的使用附加CSS样式CSS样式类的使用CSS样式标签的使用CSS样式高级的使用CSS样式的属性和滤镜主要内容:创建CSS文件:选择“文件”“新建”。在“新建文档”对话框中的“类别”列中选择“基本页”,在“基本页”列中选择“CSS”,然后单击“创建”。纯文本编辑,在里面输入CSS代码。创建CSS样式:“窗口”—“CSS样式面板”两种方法:①面板中新建CSS规则。②基本页中创建CSS页。新建CSS创建CSS样式:(X)HTML中的标签创建CSS样式:创建CSS样式:设置好后,属性将在属性列表中显示。双击属性值可以进行修改。创建CSS样式:对不同的标签建立不同CSS样式后,样式列表将在“所有规则”中显示。单击标签可列出相应属性列表。按分类显示所有属性按字母排序显示所有属性只显示设置的属性编辑选中样式删除选中样式属性面板自动生成CSS样式:在页面中输入文字或插入对象并设置属性面板属性;属性面板中会自动生成样式;并在右边样式面板中显示;可以对其进行重命名,修改样式。“正在”模式下的样式面板的使用所选样式内容附加CSS样式:“窗口”—“CSS样式面板”附加CSS样式表附加CSS附加*.CSS外部文件选中要套用样式的内容(文字或图片)选中要套用的样式,单击鼠标右键,选择“套用”,如右图CSS样式类的使用:可用于任何标签设置合理的类名建立的样式类样式类名前面会增加“一个点”HTML标签(表头)h2class=myClassdddddddddddddddddddd/h2imgclass=myClasssrc=file:///C/images/1.gif应用样式类应用样式类的HTML代码应用样式类后的效果CSS样式标签的使用:用于HTML特定标签从下拉列表中选择特定标签CSS样式高级的使用1:用于标签的伪类、特定对象的属性和标签组。标签的伪类3种高级使用CSS样式高级的使用2:为特定对象定义一个ID为特定对象定义属性与样式类的区别:样式类可以用于任何对象;高级ID样式只能用于某个特定对象。CSS样式高级的使用3:一次用于定义多个标签,中间用逗号隔开。用高级方法定义的三种CSS•CSS属性列表链接•CSS布局列表链接•CSS滤镜功能链接CSS样式属性及滤镜:课堂作业1:分别建立类、标签和高级标签,并应用于“文本.doc”中的文字和图像,比较各种样式。课堂作业2:请用CSS制作出如下图的网页布局模式和格式。
本文标题:用DW建立CSS样式
链接地址:https://www.777doc.com/doc-5356037 .html