在上一篇文章当中,我们介绍了 BFC 相关概念,所以在这一篇当中我们就来看一下与它十分类似的 IFC,所谓 IFC(Inline Formatting Context),直译为行内格式化上下文,与之相关的就是行盒模型,行盒模型是一个显示区域,根据块状容器内,每一行的多个内联元素(inline-level element)都会共同生成一个行盒模型
我们在之前的章节当中介绍了 CSS 当中的 float 属性,今天我们接着上回继续来看 CSS 当中的 display 属性
display 是设计 CSS 版面配置中最重要的属性,每个 HTML 元素都有一个预设的 display 值,不同的元素属性会有不同的预设值,大部分元素的 display 属性,预设值通常是 block 或 inline 其中一个,若该元素的 display 属性被标示为 block 就被称为『区块元素』,若被标示为 inline 就称为『行内元素』,但是我们在这里并不会介绍它的全部属性,而是只会介绍一些比较常用的,比如 block、inline-block、inline 和 none 等,我们就先从 none 开始看起吧
算是一篇系列文章吧,主要涉及到 CSS 当中的 float、display、position、vertical-align、line-height 这几个属性,因为在平常开发当中也只是拿来使用,并没有十分深入的去了解它们,所以就打算在这里从头开始慢慢的梳理一遍,也当是复习复习了,我们就先从 float 开始
在本章当中,我们不使用官方提供的 Vue-Cli,而是从头开始搭建,一步一步实现一个简易脚手架,理解 Vue-Cli 到底是怎么实现的(顺路了解一下 Webpack 在 Vue 项目中的使用)
本文章节如下
Vuex 的整体流程API 的用法至于源码的部分,则是会下一篇章节当中来进行介绍
Update your browser to view this website correctly. Update my browser now