什么是 CSS?
CSS 是层叠样式表(Cascading Style Sheets)的缩写,是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言。
CSS 的主要作用是:
CSS 的语法
CSS 的语法非常简单,主要由选择器和属性组成。
选择器用于指定要应用样式的元素。常用的选择器有:
h1 { color: red; }
.my-class { color: blue; }
#my-id { color: green; }
属性用于指定元素的样式。常用的属性有:
color
:用于指定元素的颜色font-size
:用于指定元素的字体大小font-family
:用于指定元素的字体族background-color
:用于指定元素的背景颜色CSS 的常用属性
CSS 的属性非常多,这里我们只介绍一些常用的属性:
color
:用于指定元素的颜色font-size
:用于指定元素的字体大小font-family
:用于指定元素的字体族font-style
:用于指定元素的字体样式,如粗体、斜体等font-weight
:用于指定元素的字体粗细background-color
:用于指定元素的背景颜色background-image
:用于指定元素的背景图像background-repeat
:用于指定背景图像的重复方式background-position
:用于指定背景图像的位置width
:用于指定元素的宽度height
:用于指定元素的高度margin
:用于指定元素的外边距padding
:用于指定元素的内边距float
:用于指定元素的浮动方式display
:用于指定元素的显示方式实例演示
我们来看看一个简单的 CSS 实例:
<!DOCTYPE html>