【免费】网页制作之css样式资源-CSDN文库

需积分: 0 72 浏览量更新于2011-05-29 收藏 1.78MB PPT 举报

【CSS层叠样式表】是网页制作中不可或缺的一部分，它负责定义HTML元素的外观、布局和结构。在CSS中，样式是由三个主要组成部分组成的：选择符（selector）、属性（properties）和属性值（value），它们按照`选择符 {属性: 值}`的格式进行编写。例如，`body {color: black}`就表示设置页面主体的颜色为黑色。 1. **样式和规则**： - 单个HTML标签可作为选择符，如`body`、`table`、`p`等，用于针对特定标签设置样式。 - 当属性值由多个单词组成时，需要用引号括起来，例如`p {font-family: "sans serif"}`。 - 多个属性定义时，需用分号隔开，如`p {text-align: center; color: red}`，这会让段落居中并显示为红色。 - 使用选择符组可以通过逗号分隔多个选择符，减少重复定义，如`h1, h2, h3, h4, h5, h6 { color: green}`。 2. **类选择符**： - 类选择符以`.`开头，用于定义一类元素的共享样式。例如，`.right {text-align: right}`可以定义右对齐的段落，然后在HTML中通过`class="right"`来应用样式。 - 类选择符可以应用于任何元素，使得不同类型的元素能共享相同的样式。 3. **ID选择符**： - ID选择符以`#`开头，用于唯一标识一个元素，提供特定的样式规则。例如，`#intro {font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent}`，可以为ID为`intro`的元素定义特别样式。 - ID选择符通常用于唯一性的设计，如页眉、页脚等。 CSS的层叠和顺序决定了当多个样式规则适用于同一元素时，哪个规则生效。层叠规则基于优先级，ID选择符的优先级高于类选择符，类选择符高于标签选择符。此外，内联样式（直接在HTML元素中使用`style`属性）的优先级最高，内部样式表（在`<head>`标签内`<style>`标签中）次之，外部样式表（独立的.css文件）的优先级最低。在实际应用中，Dreamweaver CS3等工具可以帮助创建和管理CSS，提供可视化的编辑界面，简化了CSS的编写过程。CSS滤镜则是一些特定于某些浏览器的扩展功能，允许开发者实现一些特效，如透明度、模糊等。掌握CSS样式表对于网页设计师来说至关重要，因为它提供了强大的样式控制能力，使网页设计更加灵活和个性化。通过熟练运用CSS，可以创建出美观、响应式的网页，提高用户体验。

资源推荐

资源评论