CSS+DIV基础教程：网站开发初学者指南

"这是一份关于CSS+DIV的简易教程，主要面向网站开发初学者，旨在教授如何使用CSS和DIV进行网页布局与设计。教程涵盖了CSS的基本语法、颜色值、字体定义、群选择器、派生选择器以及ID选择器等核心概念。" 1. **CSS基本语法规范** CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的外观和格式。在上述例子中，`p{COLOR:#FF0000;BACKGROUND:#FFFFFF}`，`p`是选择器，用于选取要应用样式的HTML元素；大括号`{}`内是样式声明，包含多个属性（如`COLOR`和`BACKGROUND`），每个属性后跟一个值，属性间用分号`;'`分隔。 2. **颜色值** 颜色值可以使用RGB或十六进制表示。RGB值如`rgb(255,0,0)`代表红色，而十六进制值`#FF0000`同样表示红色。简写的规则是，如果十六进制颜色值的每一对数字相同，可以只写一遍，如`#F00`等于`#FF0000`。但是，如果数字不重复，如`#FC1A1B`，则不能简写。 3. **定义字体** 为了确保跨平台的兼容性，web标准推荐使用字体家族定义方法。例如，`body{font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;}`，字体列表按优先级排列，如果用户系统中有前面的字体，则使用该字体，如果没有，则依次向下尝试，直到找到可用字体。对于中文简体用户，推荐使用“宋体”。 4. **群选择器** 群选择器允许为多个元素设置相同的样式。例如，`p,td,li{font-size:12px;}`一次性设置了所有`p`、`td`和`li`元素的字体大小为12像素。 5. **派生选择器** 派生选择器允许为父元素中的特定子元素定义样式。例如，`listrong{font-style:italic;font-weight:normal;}`会使得所有`li`元素内的`strong`元素显示为斜体且不加粗。 6. **ID选择器** ID选择器是CSS中用于定位具有唯一标识符的元素。例如，`#menubar`选择器用于选取ID为`menubar`的元素。在HTML中，`<div id="menubar"></div>`定义了一个名为`menubar`的层，然后在CSS中，可以通过`#menubar{MARGIN:0px;BACKGROUND:...}`来定义这个层的样式，如设置其边距和背景色。 通过学习这个教程，初学者将能够理解并运用CSS的基本元素，掌握如何使用选择器、定义颜色、字体和布局，从而更好地进行网页设计和开发。