CSS布局系统

版权声明:本文为博主原创文章,欢迎转载,转载请注明博主和原文链接。 https://blog.csdn.net/u014077888/article/details/78225212

css 布局系统 包含 盒子模型 和 布局模型,把页面元素看作一个个盒子,布局就是一个个盒子的排列和摆放

一、盒子模型

从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。

二、布局模型

(一)Flow(流动布局)

display设置block、 inline 、none 、 inline-block

(二)Position (层级布局或者Layer布局)

设置position

(三)Float(浮动布局)

设置float

(四)Flexbox

display 设置flex


参考链接:
http://www.cduyzh.com/css-layout/
https://weex.incubator.apache.org/cn/guide/intro/page-architecture.html
http://zh.learnlayout.com/toc.html

阅读更多

没有更多推荐了,返回首页