web的学习

今天学习了css
CSS 的主要作用是将网页的内容（HTML 负责）和表现（CSS 负责）分离，从而实现网页结构和样式的解耦。通过使用 CSS，开发者可以更方便地控制网页中元素的布局、颜色、字体、大小等视觉效果，同时也提高了代码的可维护性和可复用性。
语法结构
CSS 规则由选择器（selector）和声明块（declaration block）组成。声明块包含一个或多个声明（declaration），每个声明由属性（property）和值（value）组成，用冒号分隔，多个声明之间用分号分隔。语法示例如下：
css
selector {
property1: value1;
property2: value2;
/* 可以有更多声明 */
}

例如，下面的代码将所有段落元素的文本颜色设置为红色，字体大小设置为 16 像素：
css
p {
color: red;
font-size: 16px;
}
选择器类型
元素选择器：通过 HTML 元素的名称来选择元素，如 p 选择所有段落元素，h1 选择所有一级标题元素。
类选择器：通过元素的 class 属性来选择元素，类名前加 .。例如，.my-class 选择所有 class 属性值包含 my-class 的元素。
html

这是一个应用了类选择器样式的段落。

css .my-class { background-color: lightblue; } ID 选择器：通过元素的 id 属性来选择元素，ID 名前加 #。每个 ID 在页面中应该是唯一的。例如，#my-id 选择 id 属性值为 my-id 的元素。 html

这是一个应用了 ID 选择器样式的 div 元素。

css #my-id { border: 1px solid black; } 属性选择器：根据元素的属性及其值来选择元素。例如，[type="text"] 选择所有 type 属性值为 text 的元素。 组合选择器：可以将多个选择器组合使用，如 div p 选择所有

元素内的

元素。 样式应用方式