CSS第一课 CSS引入方式
概念：Cascading style sheet 层叠样式表
html、CSS、JavaScript之间的关系：
| Html | Css | JavaScript |
| 结构 | 样式 | 行为 |
结构、样式、行为相分离。
引入css，方式一：行间样式
- （css代码可以写入style里面）
- 例如：
<html lang="cn" "en" >
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body>
<h1>行间样式</h1>
<div style="
width: 100px;
height: 100px;
background-color: red;
"></div>
</body>
</html>
引入css方式二：页面级css
- 在head里面写一对<style type="text/css"></style>标签（type部分可写可不写（这个可以自己生成），如果写一定不能写错）
- 例如：
<html lang="en">
<head>
<meta charset="utf-8">
<title>document</title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
引入css方式三：外部css文件
- 建立新的.css文件
Html部分（单个文件）
<html lang="en">
<head>
<meta charset="utf-8">
<title>document</title>
<link rel="stylesheet" type="text/css" href="css1.css">
</head>
<body>
<div></div>
</body>
</html>
Css部分（单个文件）
div{
width: 100px;
height: 100px;
background-color: #f40;
}
- 补充：
- Css文件中直接写样式内容，需要在“div｛｝”中写。
- Html文件中需要加“link”标签，里面的两个属性需要记住或者直接生成，其中“href”后面跟的是css链接地址。
- 标签的生成：
- 打出自己需要的标签然后按tab键就可以了。
- 写HTML推荐的软件：sublime，可以直接到官网下载。
- 老师送的知识点；学校有三类老师
| 自身条件 | 学生效果 | 老师排级 良心方案 | 老师排级 实际效果 |
| 学识渊博，风趣幽默 | 都能学会 | 1 | 1 |
| 学识渊博，不会表达 | 啥都不会 | 2 | 0 |
| 啥都不会 | 啥都不会 | 3 | 0 |
重点在于：咱们学了东西要复习、总结、锻炼语言表达能力，从而能够讲解出来让他人学会。
我们在访问网页的时候，用户会通过线路找到地址，索取html，css，JavaScript文件，下载到本地浏览器后执行的。
- 地址：指的是ip地址，我们日常认识的www.biadu.com叫域名，域名→dns→ip地址，这个过程叫dns解析，之所以有域名是为了方便我们记忆，不需要记一串二进制数字。
- 浏览器是下载一行执行一行（因为html都是一大捆一大捆的文件）
- 浏览器执行到link时又又一个外部文件，这个时候浏览器会同时开启一个新的线程（子任务），同时执行（异步加载），这样同时执行互不耽误，所以速度会快一点。
- 注：电脑中的同步的、异步的。计算机的语言与现实生活中的意思正好相反：
- 计算机异步：多件事情一起干
- 计算机同步：多件事成一件一件干
野兔
2019.2.26
414
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
