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>