html
什么样的标签做什么样的事，尽可能的使用语义化，最核心的是div。div要合理使用
css
选择器：
id
class
p
div p
div ，p
div .box
:hover
盒子模型：
width +height
padding
border
margin
background
其他：
文字相关的，文本相关的，列表设置相关的。
流式布局：默认的布局方案
块级标签独占一行，行级标签并排显示 从上到下，从左到右的布局
缺点:不能让块级元素并排显示。
浮动布局：（半脱离标准文档流）
目的：让块级元素并排显示。
-------造成 父元素和后面的兄弟元素 影响，需要 清除浮动造成的影响。
清除方案查看之前笔记。
（一）父元素造成影响： 造成父元素的高度塌陷
解决对父元素造成的影响：
overflow：hidden；----------副作用：强制浏览器 重新计算父元素的高度
2）overflow：本意是用来处理溢出的。
（ 二）对后面的兄弟元素造成影响
解决对后面的兄弟元素造成影响：
clear取值：
只能清除左浮动所造成的影响，不能清除右浮动所造成 的影响。 right : 清除右浮动所造成的影响。只对右浮动有效。
both : 清除左右浮动所造成的影响。 开发中，直接使用both就OK。
注意点：
一个浮动的元素只能影响它后面的元素，前面的元素是影响不到的。
一个块级元素没有浮动，它肯定会独占一行的。
clear只能作用于 块级元素，对于行内元素是没有效果。
====================================================
clear解决父元素高度塌陷问题：
现在：
专业就一个，就是clear:both。
使用clear清除对父元素造成的影响(内墙法)：
1) 给父元素添加一个子元素 这个子元素不浮动，添加到最后。
2) 给这个元素加上clear:both
=================================================
总结清除浮动所造成影响：
2）overflow:hidden 简单 只能清除对父元素造成的影响，
缺点：不专业，需要注意有时子元素的高度是超出父元素的，超出的部分就会被隐藏掉
3）clear:both
优点： 可以清除对父元素和兄弟元素造成的影响
缺点： 如果要清除对父元素所造成的影响，需要多加一个标签（内墙法）
4）清除浮动的类 项目中使用最多
伪类选择器：不存在的一个类 :hover
层布局：
相对定位 相对于自己的原本位置 偏移量（top、left、bottom、right）
绝对定位 相对于参考点的位置 偏移量（top、left、bottom、right）
固定定位 相对于窗口的位置 偏移量（top、left、bottom、right）
