CSS的快速入门

CSS的快速入门

1、CSS要学习的内容主要包括

1、 CSS概念和快速入门

2、CSS选择器(重点+难点)

3、美化网页(文字、阴影、超链接、列表、渐变,等)

4、盒子模型

5、浮动

6、定位

2、什么是CSS

CSS的作用是美化网页

3、CSS代码写在什么位置

要实现HTML和CSS代码分离,即分开写

             

 即。HTML的代码写在index.html中;CSS的代码写在style.css中。

3.1 文档结构

 

3.2 HTML中完整代码如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<h1>我是标题</h1>

</body>
</html>

3.3 CSS中完整代码如下

/*
CSS的语法格式为:
选择器{
  声明1;
  声明2;
  声明3;
}
每一个声明,都用分号结尾
*/

h1{
   color: red;
}

3.4 实现效果

 

 

posted @ 2020-02-21 23:05  WZ_BeiHang  阅读(210)  评论(0编辑  收藏  举报