慕课网上提供了前端工程师学习计划，这学期开始照着里面的步骤来学习。这篇文章主要用来记录一些零碎的知识点。

W3C标准--万维网联盟制定的一系列标准

---

倡导结构、样式、行为分离:

结构化标准语言--HTML&XML
样式标准语言--CSS
行为标准语言--js

3D盒子模型

---

3D盒子模型

元素分类

---

块状元素

<div>
<p>
<h1>...<h6>
<ol>
<ul>
<dl>
<table>
<address>
<blockquote>
<form>

内联元素(又叫行内元素)

<a>
<span>
<br>
<i>
<em>
<strong>
<label>
<q>
<var>
<cite>
<code>

内联块状元素

<img>
<input>

css三种定位机制

---

标准文档流

从上到下，从左到右，自动换行。

浮动

特点

元素会左移或右移，直到触碰到容器为止。

会影响紧邻其后的元素。

当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化。

清除浮动的常用方法

• clear属性--常用clear:both;(不推荐)
• 同时设置width:100%(或固定宽度)+overflow:hidden;

绝对定位

定位

---

自动居中

#testdiv {
  width:80%;
  margin:0 auto;
}

auto会根据浏览器的宽度自动设置两边的外边距

外边距=（ 浏览器的宽度-外包含层的宽度）/2

如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性