小白学习html+css+div+js

------------------------------2016.11.2-----------------------------------

小白学习html+css+div+js_第1张图片

div布局


1.css有几种引入方式

答:一般来说有3种,
    (1)引入样式表。
    (2)在HTML头部用包起来
     (3)在标签里直接编写行内样式。

2.div除了可以声明id来控制,还可以声明什么控制?

答:还有class可以,id只是用来控制一个div,id不能相同,class可以相同。如果要几个div都做相       同的样式,这时候可以用class

3.如何让2个div,来并排显示

答:可以通过float浮动

4.田字格的布局

小白学习html+css+div+js_第2张图片
作业

5.如果父div中,有2个子div是浮动的,父div的高度,有没有被子div撑起来,父div是多高?

答:父div没有被撑起来,反而被子div覆盖了一些,如图

小白学习html+css+div+js_第3张图片
作业

------------------------------2016.11.3-----------------------------------

6.网页div布局:

小白学习html+css+div+js_第4张图片
作业

新手常犯的错误:
1.不加DOCTYPE。导致低版本ie,解析效果不一样
2.id为数字
3.文件编码与charset声明不一致

------------------------------2016.12.4-----------------------------------

JS基础学习


小白学习html+css+div+js_第5张图片
1


小白学习html+css+div+js_第6张图片
2


小白学习html+css+div+js_第7张图片
3


小白学习html+css+div+js_第8张图片
4


小白学习html+css+div+js_第9张图片
5


小白学习html+css+div+js_第10张图片
6


小白学习html+css+div+js_第11张图片
7-1


小白学习html+css+div+js_第12张图片
7-2


小白学习html+css+div+js_第13张图片
8


小白学习html+css+div+js_第14张图片
9


小白学习html+css+div+js_第15张图片
10


小白学习html+css+div+js_第16张图片
11-1
小白学习html+css+div+js_第17张图片
11-2
小白学习html+css+div+js_第18张图片
12
小白学习html+css+div+js_第19张图片
13
小白学习html+css+div+js_第20张图片
14
小白学习html+css+div+js_第21张图片
15
小白学习html+css+div+js_第22张图片
16
小白学习html+css+div+js_第23张图片
17
小白学习html+css+div+js_第24张图片
18-1
小白学习html+css+div+js_第25张图片
18-2


小白学习html+css+div+js_第26张图片
19
小白学习html+css+div+js_第27张图片
20
小白学习html+css+div+js_第28张图片
21
小白学习html+css+div+js_第29张图片
22
小白学习html+css+div+js_第30张图片
23

你可能感兴趣的:(小白学习html+css+div+js)