CSS学习笔记(5)【网页布局和排版方式】

CSS基础学习

一、 网页布局方式

1. 什么是网页布局方式?

即浏览器是如何对网页中的元素进行排版的

二、 排版方式:

1.标准流(文档流/普通流)排版方式:

浏览器默认的排版方式就是标准流
在CSS中将元素分为 块级元素/行内元素/行内块级元素三类

在标准流中有两种排版方式:垂直排版和水平排版

2.浮动流排版方式:

2.1 浮动流基本概念:
浮动流是一种半脱离标准流的排版方式
浮动流只有水平排版方式,它只能设置某个元素左对齐或者右对齐

注意:(1)浮动流没有居中
(2)在浮动流中是不可以使用margin:0 auto;的

特点:(1)在浮动流中是不区分块级元素、行内元素和行内块级元素的!都可以水平排版
(2)在浮动流中,无论是块级元素、行内元素还是行内块级元素都可以设置宽高
(3)综上,浮动流中的元素和标准流中的行内块级元素很相似

3.定位流排版方式:

在浮动流中,无论是块级元素、行内元素还是行内块级元素都可以设置宽高
浮动流只有水平排版方式,他只能设置某个元素左对齐或者右对齐

猜你喜欢

转载自blog.csdn.net/qq_51368103/article/details/114380053