css笔记第一版

CSS，即层叠样式表（Cascading Style Sheets），是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。本篇笔记主要介绍了CSS的基本结构、选择器、属性和值的使用，以及如何应用CSS到网页中。 CSS规则由选择器和声明组成。例如`H1 { color:red;font-size:14px;}`，选择器`H1`指定了应用样式的元素类型，声明则包含了属性（如`color`和`font-size`）及其对应的值（如`red`和`14px`）。如果值包含多个单词，需用引号包裹，如`font-family: "sans serif"`。 CSS允许对选择器进行分组，以`;`分隔，例如`H1,h2,h3{ color:black }`将使所有指定的元素共享相同的样式。继承是CSS的一个关键特性，子元素会继承父元素的某些属性，如`Body{font-family:Verdana, sans-serif}`会让页面上的所有文本默认使用这种字体，除非有更具体的规则覆盖它。 ID选择器通过`#`标识，如`#header{color:white}`，只能应用于页面中ID为`header`的元素。类选择器使用`.`，例如`.center{text-align:center}`，可应用于具有`center`类的任何元素。此外，可以针对特定属性设置样式，比如`[title]{Color: red;}`会将所有拥有`title`属性的元素文字设为红色。 CSS还可以通过`link`标签引用外部样式表，如`<link href="mystyle.css">`，或者直接在HTML元素内部使用`style`属性定义样式，如`<p style="color:sienna;margin-left:20px"></p>`。 对于背景，可以使用`background-color`、`background-image`、`background-repeat`、`background-position`来控制元素的背景颜色、图片、是否平铺以及位置。例如，`P{background-color:gray;padding:20px;background-image:url(i/eg_bg_04.jpg);}`将创建一个灰色背景，并在文本周围增加20像素的内边距，同时设置背景图像。 `text-indent`属性用于首行缩进，`word-spacing`和`letter-spacing`调整单词和字母间的距离，`text-transform`控制字母大小写，而`text-decoration`则用于改变文本的装饰效果，如下划线、删除线等。例如，`a:link {color:#FF0000;...}`定义了未访问链接的颜色。 这个CSS笔记第一版涵盖了CSS基础和常用属性的使用，为进一步学习HTML和JavaScript笔记打下了坚实的基础。掌握这些知识后，可以有效地对网页进行布局和美化，实现丰富的视觉效果。