CSS(层叠样式表)是一种用于描述网页上元素样式的语言。它可以控制网页的布局、字体、颜色、背景等方面的样式。下面是一些关于CSS的详细笔记和一些有用的链接:
1. CSS的基本语法:
- 选择器:用于选择要应用样式的HTML元素。
- 声明块:包含一条或多条样式声明。
- 样式声明:由属性和值组成,用于描述元素的样式。
2. CSS选择器:
- 元素选择器:选择指定元素类型的元素,如`p`选择所有段落元素。
- 类选择器:选择具有指定类名的元素,如`.my-class`选择具有`my-class`类的元素。
- ID选择器:选择具有指定ID的元素,如`#my-id`选择具有`my-id` ID的元素。
- 属性选择器:选择具有指定属性的元素,如`[type="text"]`选择所有`type`属性值为"text"的元素。
- 伪类选择器:选择元素的特定状态,如`:hover`选择鼠标悬停的元素。
3. CSS样式属性:
- 字体样式:`font-family`、`font-size`、`font-weight`等。
- 文本样式:`color`、`text-align`、`text-decoration`等。
- 盒子模型:`width`、`height`、`margin`、`padding`等。
- 背景样式:`background-color`、`background-image`等。
- 定位和布局:`position`、`display`、`float`等。
4. CSS优先级:
- 内联样式:直接在HTML元素中设置的样式。
- 内部样式表:在HTML文件的`<head>`标签中使用`<style>`标签定义