码迷,mamicode.com
首页 > Web开发 > 详细

CSS的快速入门

时间:2020-02-22 00:47:27      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:charset   color   一个   图片   dex   完整   style   标题   set   

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 实现效果

 技术图片

 

CSS的快速入门

标签:charset   color   一个   图片   dex   完整   style   标题   set   

原文地址:https://www.cnblogs.com/WZ-BeiHang/p/12343618.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!