css014 响应式web设计一、 响应式web设计基础知识1、rwd的三大理念：a、用于布局的弹性网络， b、用于图片和视频的弹性媒体，c、为不同屏幕宽度创建的不同样式的css媒体查询。二、 为RWD构建网页1、 手机浏览器中为了忽略手机浏览器屏幕变小字体也变小的行为，可在head中添加一行代码：...
分类：
Web程序 时间：
2016-01-08 00:12:09
阅读次数：
290
基于浮动的布局：1、除非图片设置了宽度，否则始终应该要对浮动的图片设置一个宽度，这样可以让浏览器给其他内容腾出环绕的空间2、当侧边栏的高度与主内容区的高度不一致的时候，可以用个margin进行调整3、在一个非浮动元素中存在一个浮动元素，当浮动元素高于元素本身的时候，内容就会溢出中，解决方案如下：A：...
分类：
Web程序 时间：
2016-01-04 23:52:26
阅读次数：
526
大多数Web设计师对打印控制还不是很熟悉，他们往往更迷恋像素，而不是打印机。在现实世界中，很多人依赖从网站上打印网页来参考： 在这个数字时代, 在一些特殊的场合，很多人手中还会拿着纸张。Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距。 为打印机而不是屏幕设计的样式12345/* 样式....
分类：
Web程序 时间：
2015-12-31 19:11:29
阅读次数：
175
众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些...
分类：
其他好文 时间：
2015-12-31 10:30:11
阅读次数：
161
开始研究响应式web设计，CSS3 Media Queries是入门。Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方...
分类：
Web程序 时间：
2015-12-24 10:30:24
阅读次数：
143
关于div+css你知道多少？XHTML网站设计标准中，不再使用表格定位技术，而是采用div+css的方式实现各种定位。一般来说，div+css是web设计标准，它是一种网页的布局方法，与传统中经过表格（table）布局定位的方法有所区别，它能够完成页面页面内容与体现相别离， 那么你在前端开发学习对div+css的优点了解多少呢？接下来Div css教程学习中，为大家介绍web前端开发中div+css的6个优点。
分类：
Web程序 时间：
2015-12-17 15:53:09
阅读次数：
324
1、开闭原则（OCP）：指“软件实体应当对扩展开放，对修改关闭”，是所有设计原则的基础，我们可以简单地理解成，我们可以根据新的需求随意添加类而不要修改原有的类。2、单一职责原则（SRP）：指“对一个类而言，应该仅有一个引起它变化的原因”，简单理解就是一个类只完成自己的职责不编制多余的职责，从而使其符...
分类：
编程语言 时间：
2015-12-16 22:47:56
阅读次数：
183
第十二章CSS布局简介1、网页布局的类型1）固定宽度2）流式3）响应式Web设计2、CSS布局的策略1）从内容入手2）MobileFirst第十三章构建基于浮动的布局1、简单的两列浮动布局的设计步骤1）在每一列都包在一个带有ID或class属性的标签里面2）把侧边栏浮到右侧或左侧：浮动元素的HTML...
分类：
Web程序 时间：
2015-12-14 21:14:27
阅读次数：
255
移动互联网时代的到来，使得我们在进行页面设计与开发时，应当根据用户行为以及设备环境(系统平台、屏幕尺寸)进行相应的响应和调整，这个理念也叫响应式WEB设计。今天我将给大家讲解当屏幕尺寸变小时，将横向菜单转换成下拉菜单的效果。本文使用了HTML5标签以及CSS3技术，您在查看demo时需要您的浏览器支...
分类：
Web程序 时间：
2015-12-12 09:33:54
阅读次数：
152
开始研究响应式web设计，CSS3 Media Queries是入门。Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方...
分类：
Web程序 时间：
2015-12-11 13:13:56
阅读次数：
193
