天盟 - IT学习博客 - Mason

专攻移动开发,业余全栈工程师

CSS布局系统

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

阅读更多
版权声明:本文为博主原创文章,欢迎转载,转载请注明博主和原文链接。 https://blog.csdn.net/u014077888/article/details/78225212
文章标签: css 布局
个人分类: Web开发
想对作者说点什么? 我来说一句

CSS网站布局与美化,css

2009年07月26日 2.42MB 下载

最全的css布局css参考,css

2011年07月29日 457KB 下载

CSS布局 案例详解

2009年03月03日 1020KB 下载

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

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭