flex模拟移动商城首页页面布局1.布局页面导航 大家可以看到图片上的红色边框，用了flex布局，布局了一个多行容器，采用的是无序列表ul。 css代码块/* 设置导航样式，定义flex容器 */.main { background: rgba...

移动商城首页的页眉和页脚的布局先来演示一下flex项目三个属性1.项目的缩放比例与基准宽度 元素 属性 含义 flex 0 1 auto / initial 默认的，禁止放大，允许收缩，宽度自动 flex 1 1 auto / aut...

flex容器中的四个属性的功能/参数 flex容器是具有：display：flex的属性元素↓ 语法定义 #box{ display: flex; }

演示box-sizing功能并实例1.首先了解盒模型 在 CSS 中，所有的元素都被一个个的“盒子（box）”包围着，理解这些“盒子”的基本原理，是我们使用CSS实现准确布局、处理元素排列的关键。 CSS中组成一个块级盒子需要:content box...

一.选择器优先级 选择器 语法 id选择器 语法是 #+di名称{} id选择器与元素属性选择器不同的是，id选择器选择id的时候需要在前面加上#号 class选择器 语法是 .+类名称{} class选择器的前缀名是英文句号.可以给...