CSS 的作用是把 HTML 等文档的表现(Presentation)和内容(Content)分离开来,使得文档的结构和表现分离,从而使文档更加易于理解和维护。
CSS 有三种类型:
内部样式表(embedded style sheet):
<head>
<style>
h1 {color:red;}
</style>
</head>
外部样式表(external style sheet):
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内联样式(inline style):
<p>This is a paragraph.</p>
CSS 样式选择器有多种类型,可以根据标签、ID、class 等属性来选择元素,例如:
标签选择器:
p {color:red;}
ID 选择器:
#myId {color:blue;}
class 选择器:
.myClass {color:green;}
后代选择器:
#myDiv p {color:purple;}
CSS 还有一些常用的样式属性,例如:
文本颜色:
color:red;
背景颜色:
background-color:lightblue;
字体大小:
font-size:20px;等等。
总体来说,CSS 可以通过一定的规则来控制 HTML 文档的样式和布局,从而使 Web 页面更加简洁、美观和易于修改。