HTML5&CSS3网页制作：CSS样式规则.pptx

CSS核心基础--CSS样式规则 CSS样式 如果希望网页美观、大方，并且升级轻松、维护方便，就需要使用CSS，实现结构与表现的分离。 CSS样式 在HTML编写过程中我们除了应用基本的标签元素还会使用css样式来丰富界面使之有不同的呈现效果。 未设置css样式 设置css样式 单击此处添加副标题内容 CSS样式规则 01 CSS样式规则 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。 图1-1 属性的书写形式 02 属性的书写形式 在上面图1-1中： 1.选择器用于指定CSS样式作用的HTML对象。花括号内是对该对象设置的其体样式。 2.属性和属性值以“键值对”的形式出现， 3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等， 4.属性和属性值之间用英文”:”连接 5.多个“键值对”之间用英文”;”进行区分 总结 03 通过CSS样式简介了解 CSS样式是什么 通过CSS样式规则简介了解 CSS样式规则 了解掌握属性的书写形式 总结 小任务 要求： 1、规范使用CSS样式规则实现如下图样式： 感 谢 聆 听 BUSENESS ACT