第十二章 第十三章一、网页的布局类型固定类型、流式（根据浏览器的宽度自动进行调整）、响应式web设计（解决不同屏幕尺寸大小问题）二、浮动一、浮动产生原因 一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSSfloat浮动就产生了。浮动产生样式...
分类：
Web程序 时间：
2015-12-10 21:37:22
阅读次数：
230
感谢微信公众号“前端早读课”组织了这个活动，独立的个体容易产生惰性，群体行为则容易坚持。就像骑行一样，一般团队跟车会跟容易达到长距离、高速度的巡航。 此次21天阅读计划，我选择了《无懈可击的Web设计-使用HTML5和CSS3提高网站的灵活性与适应性》这本书。本书共有九章，每天一章并记录阅读笔记。剩...
分类：
其他好文 时间：
2015-12-07 12:23:51
阅读次数：
114
CSS3 @font-face 规则在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。您“自己的”的字体...
分类：
Web程序 时间：
2015-11-22 18:53:01
阅读次数：
161
背景图片可以响应式调整大小或缩放，以下是三种不同的方式1、如果 background-size 属性设置为 "contain", 背景图片将按比例自适应内容区域。图片保持其比例不变： Bootstrap历练作品 调整浏览器窗口查看图像是如何扩展的。 2、如果 backg...
分类：
Web程序 时间：
2015-11-22 13:48:35
阅读次数：
168
什么是Viewport?viewport是用户网页的可视区域，翻译为中文可以叫做"视区"。设置Viewport一个常用的针对移动网页优化过的页面的Viewport meta设置如下： width:控制Viewport大小，可以指定的一个值，例如：600或一个特殊的值，如 device-width 为...
分类：
Web程序 时间：
2015-11-22 12:37:56
阅读次数：
143
原文地址:http://www.jb51.net/web/70360.html现在移动设备越来越普及，用户使用智能手机、pad上网页越来越普遍。但是传统的fix型的页面在移动终端上无法很好的显示。因此，Ethan Marcotte提出一种响应式web设计的概念。响应式web设计的英文为Respons...
分类：
Web程序 时间：
2015-11-20 12:26:08
阅读次数：
148
原文地址:http://www.jb51.net/web/70361.html上集回顾：昨天讲了页面如何根据不同的设备尺寸做出响应。主要是利用了@media命令以及尺寸百分比化这两招。上集补充：其中，利用以下CSS设置让图片或视频大小不超过设备屏幕的宽度：复制代码代码如下:img, object{m...
分类：
Web程序 时间：
2015-11-20 12:22:49
阅读次数：
176
原文地址:http://www.jb51.net/web/70362.html前言移动设备由于受到带宽、处理器运算速度的限制，因而对网页的性能有更高的要求。究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢？这些元素应该做何处理以提升页面在移动设备中的整体性能？是否存在一种设计模式可以同时满足...
分类：
移动开发 时间：
2015-11-20 12:04:17
阅读次数：
208
欢迎前往极客标签查看原文：http://www.gbtags.com/gb/share/9318.htm这些规范并不属于web设计师或者码农的领域，虽然确实有和他们相关的技术。这些规范涉及的范围更广且并不要求太多的深入了解。准确来说，我讨论的并不是web设计师或者开发者，而是那些在开发者干完活之后「...
分类：
Web程序 时间：
2015-11-18 16:15:14
阅读次数：
207
页面有能力去自动响应用户的设备环境，响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本. 响应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地...
分类：
Web程序 时间：
2015-11-09 22:17:50
阅读次数：
197
