CSS——我的第一个css程序
CSS简介
- css：层叠样式表（Cascading Style Sheets）
- css可以用来为网页创建样式表，通过样式表可以对网页进行装饰
- 所谓层叠，可一将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的
- 而css就可以分别为网页的各个层次设置样式
我的第一个css程序
方式一.把css代码写在html(头部)里
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--语法（整个CSS就遵循着一个语法）：选择器{
声明1;
声明2;
声明3;
}
-->
<style>
h1{
color:red;
}
</style>
</head>
<body>
<h1>我是标题党</h1>
</body>
</html>
方式二.把css代码和HTML分离,然后在html里引入css链接
建议使用，优势：
- 内容和表现分离
- 网页结构表现统一，可以实现复用
- 样式十分丰富
css代码
h1{
color:red
}
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>我是标题党</h1>
</body>
</html>