学习使用CSS样式表.pptVIP

学习使用CSS样式表课程：网页设计学校：广西交通运输学校教师：廖常羽引入课题:两个网页特点:工整,美观易于阅读这组网页比前一组网页明显就显得字体混乱,版面不易阅读在网页设计中,CSS是一个非常灵活的工具，利用CSS样式表可以对文本格式进行精确的页面美化。第一节CSS基本概念单击此处可添加副标题.aaa{ border:thinsolid#009900;font-size:24px;}.ccc{font-family:宋体;font-size:16px;font-style:normal;line-height:20px;color:#000000;如下是CSS的HTML语言,CSS套用到多个网页，可以得到统一的文字、表格等风格形式。CSS在DM有后台语言,但在前台设计中该如何去设置呢?单击此处添加大标题内容第二节CSS设置方法CSS面板：设置CSS样式的方法：在【CSS样式】面板中单击面板底部的（新建）按钮，弹出【新建CSS规则】对话框，根据【选择器类型】的不同，CSS样式被划分为3大类：类（可应用于任何标签）、标签（重新定义特定标签的外观）、高级（ID、伪类选择器等）。设置CSS样式的方法在面板中选择“类”，为其命名“.ccc”，CSS样式设置都要求有“.”这是语法规则.包括其他三种选择器，都要这样命名。观察“.ccc的CSS规则定义”对话框，然后看各选项名称，了解其含义：CSS样式的分类进入下一页设置文字.ccc的CSS的方法在对话框中设置文字CSS样式在DM中选择文字，进行套用，得到效果，看第九页幻灯片。设置边框.ddd的CSS的方法在对话框中设置边框CSS样式在DM中选择文字，进行套用，得到效果，看第九页幻灯片。应用CSS样式的方法：打开另一个文件绿茶.HTML，导入CSS文件abc.css，然后在绿茶文件中套用即可得到统一样式的网页文件CSS样式的类别类别功能类型用于定义网页中文本的字体、颜色、风格等，包含九个属性背景设置网页元素的背景颜色或图象的样式，包含六个属性区块控制区块中内容的间距，对齐方式和缩进，包含七个属性方框控制元素在页面上的放置方式，包含十二个属性边框定义元素周围边框的样式，包含十二个属性列表设置列表的风格，包含三个属性定位用于精确控制元素的位置，包含十四个属性扩展设置打印分页符和各种滤镜视觉效果进入下一页类型背景区块方框边框列表定位扩展小结：新建一个CSS样式文件新建一个CSS样式表和设置一个样式表套用样式表，得到效果如何将一个CSS样式表文件导入到另一个网页中，然后进行套用。我们学了知识：单击此处添加正文，文字是您思想的提炼，为了演示发布的良好效果，请言简意赅地阐述您的观点。您的内容已经简明扼要，字字珠玑，但信息却千丝万缕、错综复杂，需要用更多的文字来表述；但请您尽可能提炼思想的精髓，否则容易造成观者的阅读压力，适得其反。正如我们都希望改变世界，希望给别人带去光明，但更多时候我们只需要播下一颗种子，自然有微风吹拂，雨露滋养。恰如其分地表达观点，往往事半功倍。当您的内容到达这个限度时，或许已经不纯粹作用于演示，极大可能运用于阅读领域；无论是传播观点、知识分享还是汇报工作，内容的详尽固然重要，但请一定注意信息框架的清晰，这样才能使内容层次分明，页面简洁易读。如果您的内容确实非常重要又难以精简，也请使用分段处理，对内容进行简单的梳理和提炼，这样会使逻辑框架相对清晰。分别提问学生

1.两个CSS样式表.ccc和.ddd是同一个CSS样式文件里的内容,请问如果将文字和边框效果同时设置在同一个CSS样式表里，比如.ccc,请问是否可以得到两个CSS样式表同时设置效果呢?Abc.css是样式表文件.ccc样式表.ddd样式表图例：提高概念：学生实验：完成教学案例中的两个网页中的文字和边框CSS样式设置，并进行套用。设计名为.bbb的CSS样式，为标题文字设计为红色，字体：特大，粗体，,下划线，并对”红茶”和”绿茶”网页的标题进行套用。教师检查实验作业,找一位同学操作，并总结。