Flex 布局教程：语法篇 网页布局（layout）是 CSS 的一个重点应用。 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现 ...
分类：
Web程序 时间：
2019-01-28 16:41:37
阅读次数：
193
前言 我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。 固定高宽div垂直居中 如上图，固定高宽的很简单，写法如 ...
分类：
Web程序 时间：
2019-01-28 14:07:29
阅读次数：
180
摘自：https://www.sohu.com/a/225633935_647584 随着互联网时代的发展，我们对网页布局有了新的要求，大气，美观，能够在不同的设备上呈现令人焕然一新的效果。此时，一个全新的概念——响应式布局应运而生！它的诞生为我们的移动端布局带来了很大的便利，因此学习响应式页面布局 ...
分类：
Web程序 时间：
2019-01-12 12:06:18
阅读次数：
233
Div+css 是什么? Div+css 是一种目前比较流行的网页布局技术 Div 来存放需要显示的数据(文字，图表..) , css 就是用来指定怎样显示， 从而做到数据和显示相互的效果 Div+css 优势 表现和内容相分离 代码简洁，提高页面浏览速度 易于维护和改版 提高搜索引擎对网页的索引效 ...
分类：
Web程序 时间：
2019-01-04 10:34:33
阅读次数：
263
说道原型图大家都不陌生，Axure rp作为这类工具可以说在网页布局的设计给开发人员提供了很大便利，目前我只熟悉过这一种，不知道小伙伴们有没有其他好用的工具推荐给大家用一下吗。好了，废话不多说，今天给用过Axure rp的小伙伴介绍一下使用方式，及用处。 具体怎么安装的可以到百度找，这里给大家推荐个 ...
分类：
其他好文 时间：
2019-01-04 10:32:50
阅读次数：
291
本文是根据网上资料总结出来的文章 布局模型 在网页中，元素有三种布局模型： 1、流动模型（Flow） 默认的 2、浮动模型 (Float) 3、层模型（Layer） 流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网 ...
分类：
Web程序 时间：
2018-12-30 22:46:50
阅读次数：
247
先来看一些常见的网页布局效果： 文章列表： 网站导航： 商品列表效果： 以上这些常见的效果都可以使用列表来制作。 html中有三种列表：无序列表 有序列表 和自定义列表。 其中无序列表用得最多。 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表使用 <ul> 标签 ...
分类：
Web程序 时间：
2018-12-30 11:40:58
阅读次数：
208
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？ PX特点 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96 ...
分类：
Web程序 时间：
2018-12-23 11:16:21
阅读次数：
210
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 ...
分类：
其他好文 时间：
2018-12-22 01:20:08
阅读次数：
211
网页元素定位涉及到两个css属性：position和z-index属性。 position属性 position的属性值如下： position的属性值说明如下： static：没有定位，网页元素以标准文档流方式显示。 relative：设置相对定位的盒子会相对它原来的位置，通过指定偏移，到达新的位 ...
分类：
Web程序 时间：
2018-12-21 22:59:22
阅读次数：
367
