1. flex实现手机端通用布局 手机端通用布局 /*初始化元素样式*/ ...

1. 设置弹性元素的增长因子（flex-grow）设置项目的放大比例, 默认为0: 不放大,哪怕轴上有剩余空间CSS语法: flex-grow: number|initial|inherit;属性值： number：一个数字，规定项目将相对于...

弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容...

CSS不仅可以为表格提供强大的样式控制，还可以模拟出表格，实现其功能。元素的浮动是现在网页布局的重要工具。元素的定位对布局也十分重要。本篇博文通过一些实例演示来学习表格的样式控制和元素的浮动与定位相关知识。1. 制作一张商品信息表,内容自定...

在页面中, 由块级框和行内框围起来封闭区域,在用户看来就像是一个个盒子，所以, 页面中的元素, 我们也可以用一个个不同类型的盒子来表示对应不同的框类型, 盒子也可以行为块级盒子和行内盒子，研究盒模型,主要是用来布局, 而行内盒子无法设置大小,所以只研...

在前端开发过程，我们通过CSS来同时控制多重网页的样式和布局。本篇博文通过一些实例来学习一下CSS，并作出总结。1. 元素按显示方式分为哪几种, 并举例, 正确描述它们    元素按内容是否可以替换可以分为置换...

HTML 是用来描述网页的一种语言，在前端开发中有着重要的作用。而HTML5是目前最新的 HTML 标准。因此，学习HTML5显得尤为重要。本篇博文通过几个实例就HTML5常用标签进行练习、总结。1. 描述HTML与HTTP是什么，他们之间有什么联系...

使用phpStudy配置本地虚拟主机与主机名/域名；安装phpStorm, 并进行基本的主题,编辑器字体,模板的配置；掌握Chrome应用商店的正确打开方式, 并掌握插件的安装方法