今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

CSS全称为：Cascading Style Sheets层叠样式表

在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

CSS

我们可以通过display属性将块级元素和行内元素进行相互转换。display即“显示模式”。

标准流里面的限制非常多，导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高，那该怎么办呢？办法是：移民！脱离标准流！

css中一共有三种手段，使一个元素脱离标准文档流：

（1）浮动

（2）绝对定位

（3）固定定位

浮动元素的属性

1.浮动的元素脱标

2.浮动元素的互相贴靠

性质3：浮动的元素有“字围”效果

我们让div浮动，p不浮动。

div挡住了p，但不会挡住p中的文字，形成“字围”效果。（字围住图片）

永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。

4.收缩

浮动的清除：

方法一：

清除浮动的第一种方式：设置高度

一个元素要浮动，那么它的祖先元素一定要有高度；

有高度的盒子，才能关住浮动

方法二：

clear：both

clear就是清除，both指的是左浮动、右浮动都要清除。意思就是：清除别人对我的影响。

它所在的标签，margin属性失效了。

方法三：

隔墙法：，就是单独设一个div，使用clear：both，没有了margin，就设置height

内墙法：

一个父亲是不能被浮动的儿子撑出高度的。

内墙法：（可以自适应）

内墙法的优点就是，不仅仅能够让后部分的p不去追前部分的p了，并且能把第一个div撑出高度。这样，这个div的背景、边框就能够根据p的高度来撑开了。

清除浮动方法4：overflow:hidden;

overflow即“溢出”， hidden即“隐藏”。这个属性的意思是“溢出隐藏”。顾名思义：所有溢出边框的内容，都要隐藏掉。如下：

就可以隔开。

CSS盒子模型

内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模式都具备这些属性。

填充只有宽度属性，每个HTML标记都可看作一个盒子

border：边框，三要素（像素（粗细），线型，颜色）

web页面的制作，是个“流”，必须从上而下，像“织毛衣”。而设计软件，想往哪里画个东西，都能画。

块级元素和行内元素

<h1>块级元素<span>行内元素

宽高只对块级元素生效；

xhtml：符合xml语法标准的html

dhtml：dynamic，动态的。javascript + css + html合起来的页面就是一个dhtml。

不加任何样式的ul，也是有40px的padding-left。

<ul>

<li>

<li>

<ul>

可以使用*{

Margin:    0;

Padding:  0;

}

margin这个属性，本质上描述的是兄弟和兄弟之间的距离； 最好不要用这个marign表达父子之间的距离。

IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和。

明天计划的事情：（一定要写非常细致的内容）

 做任务一
遇到的问题：（遇到什么困难，怎么解决的） 

暂无
收获：（通过今天的学习，学到了什么知识）

学习了盒子模型