不知名路人甲的博客

布局文档流定义：网页是一个多层的结构，一层摞着一层，用户只能看到最上面一层，即俯视图，最下一层则称作文档流，我们创建的元素默认都是在文档流中进行排列元素在文档流的特点块元素1.块元素会在页面中独占一行(自上向下垂直排列)2.默认宽度是父元素的全部（会把父元素撑满）3.默认高度是被内容撑开（子元素）行内元素1.行内元素不会独占页面的一行，只占自身的大小2.行内元素在页面中左向右水平排列，如果一行之中不能容纳下所有的行内元素，则元素会换到第二行继续自左向右排列3.则元素会换到第二行继续自左

浮动（水平布局）简介：使用float属性设置元素的浮动，属性值none默认值，元素不浮动，left/right元素向左/右浮动特点1.浮动元素会完全脱离文档流，不再占据文档流中的位置，水平布局的等式便不需要强制成立2.浮动元素默认不会从父元素中移出3.浮动元素向左或向右移动时，不会超过它前边的其他浮动元素4.如果浮动元素的上边是一个没有浮动的块元素，则浮动元素无法上移5.浮动元素不会超过它上边的浮动的兄弟元素6.浮动元素不会盖住文字，文字会自动环绕在浮动元素的周围，可以使用浮动来设置文字环绕

文章目录CSS3基础回顾一CSS用来修改元素的三种样式内联样式（行内样式）内部样式表外部样式表（最佳）常见简单选择器元素选择器id选择器类选择器通配选择器复合选择器交集选择器并集选择器关系选择器子元素选择器后代元素选择器兄弟选择器属性选择器伪类选择器根据所有的子元素进行排列根据同类型子元素进行排列否定伪类超链接的伪类伪元素选择器餐厅练习网址CSS3基础回顾一CSS用来修改元素的三种样式内联样式（行内样式）在标签内部通过style属性来设置元素的样式，开发不建议使用内部样式表将样式编写到head中