网易云课堂-8小时学会HTML网页开发01

在codecademy 和慕课网上学了HTML和CSS以后，在网易买了微专业，4月份开课，在此之前，自学部分做一些笔记。
这个课程的前4课介绍基础，不做笔记。

第五课时 .CSS控制div显示

作业：1.CSS有几种引入方式 。

有四种引入方式，①直接在HTML标签中添加STYLE属性，例如

X
②将样式代码写在页面 中，在这对标签之间使用CSS语言。
③使用Link标签，引入外部CSS文件，文本中，另写名字为“stylesheet”的CSS文件。
④使用@import 引入文件，有两种方式，一种是放在页面中的,另一种是放在CSS文件中使用，用法：@import“sub.css"【这个不太懂】

import 在计算机术语里面含义是 “引入，导入” 理解这个就比较容易理解这个语法的意思了

1. style 标签对里面使用
   for example:
   有一个 html 文件，名称是 index.html，内容如下：
   
   
   
   
   
   
   
   

   Hello

   
   
   

2. 在 css 文件里面使用
   for example:
   有 css 文件夹，下面有 reset.css 与 index.css 2 个 css 文件，文件目录结构如下：

• css
  • reset.css
  • index.css

reset.css 文件内容如下：

• {
  margin: 0;
  padding: 0;
  }

index.css 文件内容如下：
@import "reset.css";

.header {
padding: 10px;
}

2.div除了可以声明id控制，还可以声明什么控制？

div除了可以声明id来控制，还可以用class（类）来赋予它一个名称，或者直接用style来设定它的样式。

3.如何让两个DIV并排显示

使用float属性，两个块级元素都设置float:left;

---

第六课时，浮动布局

   
我是左
   
我是右

作业：完成田字格的布局。（秘诀：使用 clear：both； ）

代码：

左上角

右上角

左下角

右下角

效果：

代码效果图

---

今天还学到了markdown中在每行前面空四个空格，可以将文字转换为代码模式，不知其他有没有简便一点的方式引入代码。