CSS基础学习
一、 网页布局方式:
1. 什么是网页布局方式?
即浏览器是如何对网页中的元素进行排版的
二、 排版方式:
1.标准流(文档流/普通流)排版方式:
浏览器默认的排版方式就是标准流
在CSS中将元素分为 块级元素/行内元素/行内块级元素三类
在标准流中有两种排版方式:垂直排版和水平排版
2.浮动流排版方式:
2.1 浮动流基本概念:
浮动流是一种半脱离标准流的排版方式
浮动流只有水平排版方式,它只能设置某个元素左对齐或者右对齐
注意:(1)浮动流没有居中
(2)在浮动流中是不可以使用margin:0 auto;的
特点:(1)在浮动流中是不区分块级元素、行内元素和行内块级元素的!都可以水平排版
(2)在浮动流中,无论是块级元素、行内元素还是行内块级元素都可以设置宽高
(3)综上,浮动流中的元素和标准流中的行内块级元素很相似
3.定位流排版方式:
在浮动流中,无论是块级元素、行内元素还是行内块级元素都可以设置宽高
浮动流只有水平排版方式,他只能设置某个元素左对齐或者右对齐