作者 | 阮一峰 来源 | http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html 弹性布局（Flexbox）逐渐流行，越来越多人使用，因为它写 CSS 布局真是太方便了。 三年前，我写过 Flexbox 的介绍（上，下），但是有些地方写得不 ...
分类：
其他好文 时间：
2018-12-22 01:12:57
阅读次数：
228
1.HTML+CSS布局（DIV+CSS）:主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型，盒子类型，CSS浮动，CSS定位，CSS背景图定位等知识来布局，主流布局2.CSS介绍：为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆开，CSS（CascadingStyleSheets）层叠样式表，HTML中大部分表现样式的标签就废弃不用了，HTML只负责文档的结构和内容
分类：
Web程序 时间：
2018-12-19 21:08:30
阅读次数：
181
本文由云+社区发表 Flex是Flexible Box 的缩写，意为"弹性布局"，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以github路径形式更新于此。 1.浏览器支持情况 ...
分类：
Web程序 时间：
2018-12-13 12:14:49
阅读次数：
165
转自： https://www.cnblogs.com/LIUYANZUO/p/5679753.html 仅用于个人收藏学习，侵删 轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。 Html布局 首 ...
分类：
Web程序 时间：
2018-12-01 18:27:23
阅读次数：
253
前言：今天学的有点少，主要是有点迷.... 这是昨天没写的 一、水平居中 在知道元素的宽度的情况下 在不知道元素的宽度的情况下 二、垂直居中 二、水平垂直居中 ...
分类：
Web程序 时间：
2018-11-29 01:35:47
阅读次数：
197
今天我们要制作的是商品推荐栏，也就是下面的这个，这个是有一个滑动效果的 首先还是来看我们的布局 HTML CSS： 布局完成之后我们就要开始进入正题了 安装我们的vue-awesome-swiper了，在终端输入 安装完成后我们在页面进行引入 这里我们因为使用的是从mock请求过来的数据，所以要使用 ...
分类：
移动开发 时间：
2018-11-26 16:14:31
阅读次数：
211
一.div和span DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 DIV和span的区别在于，span是内联元素，div是块级元素。div占用整行，span只会占用内容大小的部分。div可以改变size，span不可以改变size 二.盒模型 margin ...
分类：
Web程序 时间：
2018-11-21 17:47:57
阅读次数：
230
目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 一、遇到的问题 前些天写瀑布流布局的时候，发现明明计算好了宽度使得一行能放下三张图片，实际效果却总是放不下，图片会挤到下一行去。上图： 可以看到，我本来是想要两行图片，每一 ...
分类：
其他好文 时间：
2018-11-19 12:37:24
阅读次数：
166
默认情况下，元素是如何布局？ 首先，取得元素的内容，加上内边距（padding），边框（border），外边距（margin）放在一个盒子中 - 这就是我们之前看到的盒子模型 默认情况下，块级元素的内容宽度是其父元素宽度的100%，高度与其父元素相同。行内元素的高度与高度对应其内容的宽度与高度。不能 ...
分类：
Web程序 时间：
2018-11-16 12:18:21
阅读次数：
215
第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
分类：
Web程序 时间：
2018-11-15 19:44:51
阅读次数：
1166
