一、CSS简介
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述HTML文档样式的语言。通过CSS,开发者可以控制网页中的字体、颜色、布局、间距等视觉属性,从而实现网页的美化和个性化设计。
二、CSS基本语法
CSS的基本语法由选择器和声明组成。
2.1 选择器
选择器用于指定要应用样式的HTML元素。常见的选择器有:
标签选择器:如
p
表示所有
标签。
类选择器:如
.my-class
表示所有具有
my-class
类的元素。
ID选择器:如
#my-id
表示具有
my-id
ID的元素。
2.2 声明
声明用于描述选择器的样式。每个声明由属性和值组成,属性和值之间用冒号隔开,多个声明之间用分号隔开。
例如:
p {
color: red;
font-size: 16px;
}
上述代码表示将所有
标签的文本颜色设置为红色,字体大小为16像素。
三、CSS引入方式
CSS可以通过以下三种方式引入到HTML文档中:
3.1 内部样式
将CSS代码写在
3.2 内联样式
将CSS代码直接写在HTML元素的
style
属性中。
Hello, world!
3.3 外部样式
将CSS代码保存在一个单独的
.css
文件中,然后在HTML文档的
部分通过 标签引入。
四、常用元素属性
以下是一些常用的CSS属性:
4.1 字体属性
font-family
:设置字体名称。
font-size
:设置字体大小。
font-weight
:设置字体粗细。
font-style
:设置字体样式(如斜体)。
4.2 文本属性
color
:设置文本颜色。
text-align
:设置文本对齐方式。
text-decoration
:设置文本装饰(如下划线)。
text-indent
:设置文本缩进。
line-height
:设置行高。
4.3 布局属性
margin
:设置外边距。
padding
:设置内边距。
width
:设置元素宽度。
height
:设置元素高度。
float
:设置元素浮动。
五、元素显示模式
CSS中,元素分为块级元素和行内元素。
块级元素:如
、
等,独占一行。
、