通过盒子模型,清楚知道大部分html标签是一个盒子。 通过css浮动,定位可以让每个盒子排列成为网页。 一个完整的网页,是标准、浮动、定位一起完成布局的,每个都有自己的专门用法。 1.标准流 可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。 2.浮动 可以多个块级元素一行显示或者左 ...
分类：
Web程序 时间：
2020-08-07 22:59:14
阅读次数：
93
瀑布流布局其核心是基于一个网格的布局，而且每行包含的项目列表高度是随机的（随着自己内容动态变化高度），同时每个项目列表呈堆栈形式排列，最为关键的是，堆栈之间彼此之间没有多余的间距差存大。 代码比较简单： <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
分类：
Web程序 时间：
2020-07-24 21:34:08
阅读次数：
87
一、基础布局方式 0. 普通/文档流 布局 早期 <table>， 后来 <div> ，再后来 html5 语意化标签按照自上而下的方式顺次排布。 1. Float 布局 float: left/right 最初设计目的是用于图文环绕排版、不过目前常用于左右布局。 2. 绝对布局 position: ...
分类：
其他好文 时间：
2020-07-05 21:27:59
阅读次数：
82
每个HTML标签都会生成一个盒模型，盒模型是正常流布局非常重要的概念。盒模型由内边距(padding)+长度(width)+高度(height)+边框(border)+外边距(margin)组成。 1. 宽度(width)和高度(height) 盒模型有2种类型，怪异盒模型和标准盒模型，在不同盒模型 ...
分类：
Web程序 时间：
2020-06-29 21:30:24
阅读次数：
71
今天我们来聊聊Flexbox，它是前端的一个布局方式。在React Native中是主流布局方式。如果你刚刚入门React Native，或者没有多少前端的技术经验，亦或者对其半知半解，那么这篇文章将很好的帮助你参透Flexbox的整个全貌。 purpose 通过这篇文章你将快速吃透整个Flexbo ...
分类：
其他好文 时间：
2020-06-01 14:05:49
阅读次数：
55
什么是BFC？ 全称块级格式化上下文？什么意思不懂。看了好多博客，基本都是抄的，真心都不是大白话。我今天来总结一下，用菜鸟级别的语言来描述。 BFC 应该可以抽象成一个 独立的个体，出淤泥而不染的白莲花。 是的不受其他元素的影响，始终保持自己独立。就是正常的普通流布局规则，设置的样式是什么样的，就按 ...
分类：
其他好文 时间：
2020-05-30 20:05:23
阅读次数：
76
普通流（normalflow）说明前面我们提过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？CSS的定位机制有3种：普通流（标准流）、浮动和定位。普通流又称为“文档流”，或者“标准流”，实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种默认的排列方式，不会出现例外的情况的布局叫做普通流布局。普
分类：
其他好文 时间：
2020-05-29 09:21:28
阅读次数：
67
转自：http://www.fly63.com/article/detial/1134 瀑布流作为当前比较流行的一种网页布局方式，在视觉上呈现出参差不齐、琳琅满目、唯美的视觉效果，该布局随着页面滚动，数据不断加载并附加至当前页面的尾部。这篇文章主要介绍关于vue框架中常使用的瀑布流组件，大家根据需求 ...
分类：
其他好文 时间：
2020-05-22 19:42:09
阅读次数：
79
一直对这个属性不懂，终于找到一个地址，看懂了说明。原地址https://blog.csdn.net/fen584521/article/details/52123368 position 定位属性，是CSS中非常重要的属性。除了文档流布局，就是定位布局了。 其参数主要有以下： absolute 生成 ...
分类：
Web程序 时间：
2020-04-08 18:55:54
阅读次数：
86
一个拖延症晚期患者的自述： 注册了博客快一个月了，终于要迎来我的第一篇博客了哈哈哈！！！ 刚注册的时候，满脑子要频繁更新，扩充自己的知识库，一到真正落实，就不得不为懒惰屈服，还好有了学习计划，以后应该会每周一更（不更当我没说）。 当然了，肯定是希望被更多人看到，帮助到大家，如果没人看的话就当作是自己 ...
分类：
Web程序 时间：
2020-04-07 12:57:01
阅读次数：
93
