摘要：
为什么需要定位 提问： 以下情况使用标准流或者浮动能实现吗？ 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子 当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。 浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。 阅读全文
摘要：
CSS 属性书写顺序(重点) 建议遵循以下顺序： 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式） 自身属性：width / height / margin / pad 阅读全文
摘要：
浮动 前言 CSS 提供了三种传统布局方式，简单说就是盒子如何进行排列： 普通流（标准流） 浮动 定位 标准流（普通流/文档流） 所谓的标准流: 就是标签按照规定好默认方式排列 块级元素会独占一行，从上向下顺序排列。 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行 阅读全文
摘要：
核心概念 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (s 阅读全文
摘要：
前言 页面布局要学习三大核心， 盒子模型， 浮动 和 定位。 学习好盒子模型能非常好的帮助我们布局页面。 看透网页布局的本质 网页布局过程： 先准备好相关的网页元素，网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容 网页布局的核心本质： 就是利用 阅读全文
摘要：
层叠性 层叠性是指当一个标签被设置了多个重复的样式的时候会发生冲突，一个属性会覆盖另外一个属性。 覆盖性原则： 层叠性主要遵循的原则是就近原则，在不考虑优先级的情况下，在多个样式中最终生效的样式是离标签最近的样式 这里要注意只覆盖同样的不可重复的样式属性，不会覆盖允许重复的属性 示例： <!DOCT 阅读全文
摘要：
前言 通过 CSS 背景属性，可以给页面元素添加背景样式。背景属性可以设置 背景颜色：background-color 背景图片：background-image 背景平铺：background-repeat 背景图片位置：background-position 背景图像固定：background- 阅读全文
摘要：
单行文字垂直居中 CSS 没有给我们提供文字垂直居中的代码. 这里我们可以使用一个小技巧来实现 解决方案: 让文字的行高line-height等于盒子的高度，就可以让文字在当前盒子内垂直居中 原理 行高 = 上空隙 + 文字本身高度 + 下空隙 当文字的行高等于盒子高度时，行高的上空隙和下空隙把文字 阅读全文
摘要：
元素显示模式 前言 了解元素的显示模式可以更好的让我们布局页面。了解显示模式需要学习以下三个方面 什么是元素的显示模式 元素显示模式的分类 元素显示模式的转换 什么是元素显示模式 元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。 HTML 元 阅读全文
摘要：
快速生成HTML结构语法 1、生成单个标签 : 标签名+tab，比如 div 然后tab 键， 就可以生成 <div></div> 2、生成多个相同标签 div*3 + tab 3、如果有父子级关系的标签，可以用 > <!--ul>li--> <ul> <li></li> </ul> <!--ul> 阅读全文