前言 说起自适应布局方式,单列定宽单列自适应布局是最基本的布局形式。比如斗鱼的直播间,后台管理系统都是常用的 我们将从 float, inline block, table, absolute, flex, grid 这几个布局方式来实现这种效果 float 【float + margin】 将定宽 ...
分类:
Web程序 时间:
2019-04-07 09:22:36
阅读次数:
228
下面是简单整理的一些前端的学习路线:第一阶段: HTML+CSS:HTML主要就是网页编辑。包括HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。Javascript 语言:JavaScript是web前端中最重要的知识,包括Js基础教程、js内置对象常用方法、常见DOM树操作 ...
分类:
其他好文 时间:
2019-04-06 12:42:42
阅读次数:
143
前端之HTML,CSS(七) CSS CSS布局的核心就是盒子的摆放,即CSS定位。而CSS中定位机制分为:普通流(nomal flow)、浮动(float)、定位(position)。 普通流 普通流又被称为文档流或者标准流,普通流是指网页内标签元素正常情况下会按照自上而下,自左向右按顺序排列。即 ...
分类:
Web程序 时间:
2019-03-16 20:48:42
阅读次数:
216
本Demo主要基本的HTML+CSS+JS实现的混合App,通过第三方平台apicloud主要页面有首页资讯+商城,目前数据都是静态的,未模拟动态数据,css布局运用的是flex布局。 ...
分类:
移动开发 时间:
2019-03-09 23:25:00
阅读次数:
273
1.页面调用js文件 <script type="text/javascript" src="js/jquery-1.11.3.js"></script> 2.html页面上面的布局,加粗为有效代码,剩下的自己页面css布局, 重点: input的name,id; canvas的id; img的id ...
分类:
Web程序 时间:
2019-03-06 15:10:19
阅读次数:
338
实现效果:根据缩放比例不同或者浏览设备不同显示不同的css布局 代码如下: ...
分类:
其他好文 时间:
2019-02-09 10:38:40
阅读次数:
151
css中的三种基本定位机制 a.普通文档流 b.定位:相对定位 绝对定位 固定定位 c.浮动 1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置 2.相对定位看作普通流的一部分,移动后的元素仍占据原来的 ...
分类:
Web程序 时间:
2019-01-25 14:11:15
阅读次数:
181
定义 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形 ...
分类:
其他好文 时间:
2019-01-21 11:18:05
阅读次数:
201
前端概念: 广义:用户能看见并且交互的展示界面 狭义:运行在浏览器上的页面 学习的语言: HTML5 =>(h5架构 + CSS布局 + JavaScript逻辑) 网页编写 | 移动端编写 | (客户端编写) 前后台分离 开发方式 =>通过接口完成数据交互 => 后台可以千千万,前端就是h5 一: ...
分类:
Web程序 时间:
2019-01-15 19:04:13
阅读次数:
212
来源 | http://segmentfault.com 原文 | The Definitive Guide to Using Negative Margins 自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用 ...
分类:
Web程序 时间:
2019-01-07 01:41:31
阅读次数:
689