css书写的基本格式
【原创实用版】
1.CSS 的概述 
2.CSS 的基本语法 
3.选择器和样式规则 
4.常用 CSS 属性
正文
一、CSS 的概述
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述 HTML 或 XML 文档样式的样式表语言。CSS 可以让网页的设计更加简洁、易于维护,它使得 HTML 元素的表现形式与内容分离,使得网页的前期制作和后期维护都更加方便。
二、CSS 的基本语法
CSS 的基本语法包括选择器(selector)、属性(property)和值(value)。其基本格式为:
选择器 { 属性:值; 属性:值;...}
例如,我们可以使用如下 CSS 代码设置页面所有段落的字体颜为红:
``` 
p { 
  color: red; 
}
```
css样式表优先级最高三、选择器和样式规则
在 CSS 中,选择器用于选取需要应用样式的 HTML 元素,样式规则则包含具体的属性和值。CSS 的选择器和样式规则可以嵌套,以实现更复杂的样式设置。
常用的选择器包括:
1.标签选择器:通过 HTML 标签名称进行选择,如`p`、`div`等。 
2.类选择器:通过 HTML 元素的`class`属性值进行选择,如`.class-name`。 
3.ID 选择器:通过 HTML 元素的`id`属性值进行选择,如`#id-name`。 
4.属性选择器:通过 HTML 元素的属性及其值进行选择,如`[attribute="value"]`。 
5.伪类选择器:通过 HTML 元素的特定状态进行选择,如`:hover`、`:focus`等。
四、常用 CSS 属性
CSS 包含众多属性,用于设置 HTML 元素的样式。以下是一些常用 CSS 属性:
1.字体样式:如`font-family`、`font-size`、`font-weight`等。 
2.文本样式:如`text-align`、`line-height`、`text-decoration`等。 
3.颜和背景:如`color`、`background-color`、`background-image`等。 
4.盒模型:如`margin`、`padding`、`border`、`width`、`height`等。 
5.布局:如`display`、`position`、`top`、`left`等。 
6.样式优先级:如`!important`。