CSS+div基础教程：选择器、属性与布局设计

本资源是一份详细的CSS+div教程，主要涵盖了CSS基础语法、颜色值、字体设置、选择器应用以及div在布局中的使用。以下将深入解析这些知识点： 1. **CSS基本语法**: CSS选择器是用于定位并定义网页元素样式的规则。在这个教程中，"p{COLOR:#FF0000;BACKGROUND:#FFFFFF}"展示了选择器"p"（段落）如何接受两个属性"COLOR"（颜色）和"BACKGROUND"（背景色），它们的值分别是红色(#FF0000)和白色(#FFFFFF)。属性与值之间用分号分隔，且十六进制颜色代码可以简写。 2. **颜色值**: CSS支持RGB和十六进制颜色值表示法。例如，RGB(255,0,0)代表红色，而十六进制#FF0000同义。简写只适用于重复的两个值，如#F00等。如果不重复，需完整写出，如#FC1A1B。 3. **字体定义**: Web标准推荐采用"font-family"属性，它会按照列表顺序尝试加载字体。例如，"body"选择器中定义了多个备选字体，如"LucidaGrande"、"Verdana"等，优先级由高到低，确保用户的计算机上可用的字体被正确应用。 4. **群选择器**: 通过群选择器，可以同时设置多个具有相同样式的元素，如"p,td,li{font-size:12px;}"，意味着同时更改段落、表格单元格和无序列表项的字体大小。 5. **派生选择器**: 派生选择器允许为一个元素的子元素定义特定样式。如"listrong{font-style:italic;font-weight:normal;}"，这意味着li元素下的strong子元素将变为斜体但不加粗。 6. **ID选择器**: 在实际的div布局中，id选择器尤为重要。如定义一个id为"menubar"的div元素的样式："#menubar{MARGIN:0px;BACKGROUNDSIZE:...}"，这允许针对特定ID的元素进行精确的样式定制，如设置边距和背景尺寸。 通过这个CSS+div教程，学习者能够掌握基本的CSS语言结构，理解不同选择器的作用，并运用到实际的div布局设计中，提升网页设计的灵活性和可维护性。