1、W3C标准
规范是一种态度
2、页面布局
2.1 布局元素
position定位：
- absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
- fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
- relative 生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
- static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
- inherit 规定应该从父元素继承 position 属性的值。
display属性：
- none 此元素不会被显示。
- block 此元素将显示为块级元素，此元素前后会带有换行符。
- inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
- inline-block 行内块元素。（CSS2.1 新增的值）
- list-item 此元素会作为列表显示。
- table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
- inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
- table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
- inherit 规定应该从父元素继承 display 属性的值。
float浮动：
- left 元素向左浮动。
- right 元素向右浮动。
- none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
- inherit 规定应该从父元素继承 float 属性的值。
就像写作一样，文档流从上到下、从左到右排列元素。float 浮动()和绝对定位(position：absolute或position: fixed)会脱离文档流。不占用文档空间。
通常情况下横向排列用float,相对元素固定位置用position：relative和position: absolute；悬浮于窗口图标用position:fixed。这样就愉快的完成页面的布局啦
2.2 元素的盒模型
盒模型油里到外分为
border (边界)， border:1px solid #ccc;
3、浏览器页面调试
作为一名后端开发，曾有幸和一位前端妹纸合作，观其调试工作，后凡涉及前端领域皆自处而为，所学即所用，呜呼哀哉
F12出现DevTools
我是飞奔的企鹅，