CSS（Cascading Style Sheets）是一种用于定义网页样式的标准样式表语言。它可以通过选择器和属性来控制HTML元素的外观和布局。下面是对CSS简单基本知识点的归纳总结：
1. 文档结构：
- CSS文档以`<style>`标签嵌入到HTML文档的`<head>`标签中。
- 内部样式表将CSS代码放在HTML文档内部，适用于简单的样式定义。
- 外部样式表将CSS代码保存在一个单独的.css文件中，并通过链接引入到HTML文档中，适用于多个网页共享相同的样式。
2. 选择器：
- 元素选择器选择HTML元素，如`p {...}`选择所有`<p>`元素。
- 类选择器选择具有相同类名的元素，以`.classname {...}`的形式，如`.highlight {...}`选择所有具有`class="highlight"`的元素。
- ID选择器选择具有相同ID的元素，以`#idname {...}`的形式，如`#header {...}`选择具有`id="header"`的元素。
- 后代选择器选择某个元素的后代元素，用空格分隔，如`div p {...}`选择所有`<div>`元素内的`<p>`元素。
3. 属性和值：
- CSS属性用于定义元素的样式特征，如颜色、字体、边距等。
- 属性值指定属性的具体取值，可以是关键字、长度、颜色代码、URL等。
- 多个属性和值之间用分号隔开，如`color: red; font-size: 16px;`。
4. 文本样式：
- `font-family`属性设置文本字体。
- `font-size`属性设置文本字号。
- `font-weight`属性设置文本粗细。
- `color`属性设置文本颜色。
- `text-align`属性设置文本对齐方式。
5. 盒模型：
- 盒模型描述了HTML元素的布局和尺寸计算方式。
- 盒模型由内容区域、内边距、边框和外边距组成。
- `box-sizing`属性设置盒模型的类型，可以是标准模式或IE模式。
6. 背景和边框：
- `background-color`属性设置元素的背景颜色。
- `background-image`属性设置元素的背景图片。
- `border`属性设置边框的宽度、样式和颜色。
- `border-radius`属性设置边框的圆角半径。
7. 浮动和定位：
- `float`属性设置元素的浮动方式，可以实现元素的排列效果。
- `position`属性设置元素的定位方式，可以是相对定位、绝对定位或固定定位。
- `top`, `right`, `bottom`, `left`属性设置元素相对于其定位位置的偏移量。
本文概述了CSS的基本概念，包括文档结构（内部/外部样式表）、选择器（元素、类、ID、后代）、属性与值（如颜色、字体和盒模型）、文本样式、背景、边框、以及浮动和定位的使用方法。
2591
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
