在校期间，经常练习网页布局，老师就说，练到你们当看到一个网站，心里想的不是里面的商品或者产品，是让你们心里马上构思好这个网站该怎么布局，难点在什么地方，要花多少时间完成，说到这里我还是一个菜鸟，只能说，熟能生巧，这个是硬道理。 首页还有最后的底部的图片轮播没完成。 ...
分类：
移动开发 时间：
2018-07-16 18:02:33
阅读次数：
255
内容来源: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特 ...
分类：
其他好文 时间：
2018-07-08 21:11:37
阅读次数：
186
在css中，盒子模型分为两种：标准模型和怪异模型 标准模型：总宽度=border+padding+内容区域宽度 怪异模型：总宽度=宽度，这个宽度就包括了border，padding和内容区域宽度 在标准模型中，border和padding都会撑大盒子，这对网页布局来说是灾难性的，因为会把其他元素挤开 ...
分类：
Web程序 时间：
2018-07-05 10:58:56
阅读次数：
208
说到布局除了浮动以及定位外还有一个不得不提的点，那就是居中，居中问题我们在网页布局当中经常遇到，那么以下就是分为两部分来讲，一部分是传统的居中，另一种则是flex居中，每个部分又通过分为水平垂直居中来讲。 一、传统居中方式 1.1水平居中 1.1.1 inline 对于inline元素以及纯文本只需 ...
分类：
其他好文 时间：
2018-07-03 21:34:27
阅读次数：
148
含有z index的图解 " CSS布局(三) 布局模型" "float设计初衷" "CSS布局(五) 网页布局方式" "CSS布局(六) 对齐方式" 水平居中 1 行内元素，在父元素中设置text align:center实现行内元素水平居中，将子元素的display设置为inline block ...
分类：
其他好文 时间：
2018-06-30 21:22:02
阅读次数：
159
（1）1列固定宽度 故总宽度为 = 300px + 20px; （2）1列宽度自适应 采用百分比进行宽度自适应，总宽度为=80%窗口大小 + 20px； （3）1列固定宽度居中 （4）2列固定宽度 border没有重叠，故中间黑色部分宽度为=20px + 20px； （5） 2列宽度自适应 之所以右 ...
分类：
Web程序 时间：
2018-06-29 00:11:23
阅读次数：
190
启动activity并且传数据 清单文件 在AndroidManifest.xml清单文件中加入相应的“Activity”节点 清单文件中还包括：<service>标签，<receiver>标签，<provider>标签。 布局文件layout Java代码 打电话 权限 代码 浏览网页 布局lay ...
分类：
移动开发 时间：
2018-06-28 12:06:30
阅读次数：
214
圣杯布局与双飞翼布局针对的都是三列左右栏固定中间栏边框自适应的网页布局（想象一下圣杯是主体是加上两个耳朵；鸟儿是身体加上一对翅膀），圣杯布局是Kevin Cornell在2006年提出的一个布局模型概念，在国内最早是由淘宝UED的工程师（传说是玉伯）改进并传播开来，在中国也有叫法是双飞翼布局，它的布 ...
分类：
其他好文 时间：
2018-06-27 14:04:56
阅读次数：
158
使用 CSS 最大的好处是，如果把 CSS 代码存放到外部样式表中，那么站点会更易于维护。通过编辑单一的文件，就可以改变所有页面的布局。 网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 <body> <div id="container" style="width:500px"> <d ...
分类：
Web程序 时间：
2018-06-25 01:20:34
阅读次数：
219
CSS定位控制页面布局 position static（静态定位，默认值） absolute（绝对定位） 脱离文档流，根据参考物定位 relative（相对定位） 不脱离文档流，参照物为原始位置 fixed（固定定位） 绝对定位的特殊形式，参照物为浏览器窗口 没有定义宽（高）时，可通过left ri ...
分类：
Web程序 时间：
2018-06-19 00:12:26
阅读次数：
228
