摘要：一、Media Queries直译过来就是“媒体查询”在我们平时的Web页面中head部分常看到这样的一段代码：1 2 3 4 5 或者这样的形式：6 7 二、Media Queries使用方法：@media 设备类型 and (设备特性) { 样式代码 }@media screen and (max-width:960px){ .... }一、设备类型值：1、all：所有设备2、screen ：电脑显示器3、print：打印用纸或打印预览视图4、handheld：便携设备5、tv：电视机类型的设备6、speech：语意和音频盒成器7、braille：盲人用点字法触觉回馈设备8、embosse 阅读全文
IE文本输入框input背景图的兼容性解决方案
2012-05-16 16:35 by 臭小子1983, 686 阅读, 0 推荐, 收藏, 编辑
摘要：问题描述：在IE浏览器下，设置文本框的背景图片，当文本框内文字超过文本框的宽度，且光标位于超过文本框长度的文字段的位置时，文本框的背景就会随文本框内的隐藏文字而移动。发生条件：IE浏览器文本输入框，且设置了背景图片文本框文字超过其宽度光标位于超过文本框宽度的文字后解决的方法：使用一个内联元素包含文本... 阅读全文
CSS样式字体 自动换行(强制换行)与强制不换行
2012-05-16 15:54 by 臭小子1983, 1572 阅读, 0 推荐, 收藏, 编辑
摘要：自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素，正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ，当定义的宽度之后自动换行html:1正常文字的换行(... 阅读全文
flash遮挡DIV元素的问题总结
2012-05-16 15:38 by 臭小子1983, 220 阅读, 0 推荐, 收藏, 编辑
摘要：1、DIV被Silverlight遮挡， 加入windowless参数即可。解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-index比iframe的高即可~这种方法有一定的局限性，不可能每个select都... 阅读全文
高质量的css--css hack ,行元素，块元素，居中，定位
2012-05-16 14:11 by 臭小子1983, 189 阅读, 0 推荐, 收藏, 编辑
摘要：1、DTD：document type definition。2、组织css base.css + common.css+pages.css 功能职责，层叠结构。base 被所有页面都引用，是页面样式所需依赖的最底层 一个common 组件 网页中高度重用的模块 一个page 非高度重用模块 可谓为... 阅读全文
块元素与内联元素
2012-05-16 13:48 by 臭小子1983, 235 阅读, 0 推荐, 收藏, 编辑
摘要：HTML里几乎所有元素都属于内联元素或者块元素中的一种,下面先了解一下block、inline各自的特点：一、block元素的特点： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度。 例如：, , , , 和 ......二、inl... 阅读全文
【推荐】万能清除浮动样式
2012-05-16 13:46 by 臭小子1983, 273 阅读, 0 推荐, 收藏, 编辑
摘要：这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。这个方法来源于positioniseverything，通过after伪类:after和IEhack来实现，完全兼容当前主流浏览器。01<style type="text/css">02.clearfix:after {03content:".";04display:block;05height:0;06clear:both;07visibility:hidden;08}09.clearfix {display: inline-block;}/* for IE/Mac */101 阅读全文
《CSS那些事儿》读书笔记
2012-05-16 13:32 by 臭小子1983, 207 阅读, 0 推荐, 收藏, 编辑
摘要：一、css一、css的简写高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。1、色彩缩写颜色的表现形式有没4种：1、十六进制： color：#ccc; 2、RGB：color:... 阅读全文
em和px之前关系
2012-05-16 10:21 by 臭小子1983, 150 阅读, 0 推荐, 收藏, 编辑
摘要：字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。我在调整本blog的时候，发现不仅仅是字体，将行距(line-height)，和纵向高度的单位都用em。保证缩放时候的... 阅读全文
响应式网页设计
2012-05-14 15:41 by 臭小子1983, 296 阅读, 0 推荐, 收藏, 编辑
摘要：这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下。上周写了个简单的ppt在组内大概介绍了下，感兴趣的话可以先看下这个PPT。移动互联网的现状和未来在说到这个话题前，我们先看下网页设计和前端开发的现状：全球有超过53亿手机用户（包括传统手机）国内3G用户超过1亿iPhone4手机在2010年出货量超过3000万部；iPhone 4S上市前3天卖掉400万部；Android手机每天激活超过50万部；iPad出货量已经超过2.5亿部；预计到2015年，移动互联网的数据流量将超越桌面端的流量。。。。嗯 阅读全文