摘要： 阅读全文

摘要： 选择器是jQuery最基础的东西，也许这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。1. id选择器（指定id元素）将id="one"... 阅读全文

摘要： 前端开发命名规则很重要，但是网上的命名规则一大篇，下面是我总结的一些常用的短语，希望能帮到大家，肯定不全，欢迎大家补充。1.如果是模块，可以这样前缀：弹出：pop 公共：global（缩写：gb）标题：title,tit 提示：hint菜单：menu 信... 阅读全文

摘要： 在使用CSS实现表现的时候，会经常接触到display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内... 阅读全文

摘要： 第一:4?this.value.length:4);" size="4"> 其中size="4"就是定义初始的大小,如果这里没有定义,那就把this.size=(this.value.length>4?this.value.length:4) 里面的4改成20,的默认size就是20 第二: 如果你在style里定义了width属性,又要让它的width根据内容来变化,两个要求不就矛盾了吗.所以这里不能在style里定义width属性. 阅读全文

摘要： 单列定宽单列自适应布局： 单列定宽单列自适应布局 main side 左右定宽中间自适应布局： 左右定宽中间自适应布局 main side sub-main 两列等高自适应布局： 两列等高自适应布局 main side 阅读全文

摘要： 各大搜索引擎的图片频道的搜索结果页，搜索出来的结果都是较零碎的图片，图片质量、尺寸都是参差不齐的，并限定了每一行的总宽度。这种非等宽的图片列表，在Google+、flickr也都有用到。最近刚好对360搜索的图片搜索结果页进行了一次重构和改版，对于这种图片布局也花心思研究了一番，接下来说说我的一些处理思路。非等宽的单个图片要排列到一个固定了宽度的容器中，那么这个等宽的容器就是最大的限制和障碍，开始怀念那种常见等宽瀑布流的布局(没有限制真好)。先理下基本的需求：1、图片的宽度是不固定的；2、图片的高度是固定的；3、每行图片的总宽度是固定的，所以每行能容纳的图片的数量是无法确定的；4、确保图片质量 阅读全文

摘要： 如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中 能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变 化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式 (Responsive)。 1 – 布局 当创建一个响应式网站，或让现有的网站变成响应式的，首先要关注的元素的布 局。我在建立响应式的网站，总是先创建一个非响应的布局，页面宽度固定大小。如果 非响应版本完成得非常不错，我再添加媒体查询(Media Queries)和响应式代码。这种 操作方式更容易实现响应式特性，在同一时间专注于一个任务。 当... 阅读全文

摘要： 1、HTML 元素透明 其实本身，CSS 实现元素透明是件容易事儿。直接上代码： opacity:.5 opacity 指的是不透明度，取值为 0~1 之间，1 表示完全不透明，0 表示完全透明。A 级浏览器基本都支持 opacity属性，但碰上 IE，总没好事。不过 IE 有滤镜，可以帮助我们拐弯抹角地搞定不透明度： filter:alpha(opacity=50); 注：事实上会碰到透明背景层，而 opacity 属性是会继承的，避免这个问题，需要结合定位来实现。在CSS3中，还可以使用 HSLA（色调、饱和、亮度、透明度）或者 RGBA（红、绿、蓝、透明度）来实现元素透明。例如... 阅读全文

摘要： 只有IE6有这个Bug，所以的写法这样就可以了#png{background:url(../images/png32.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="images/png32.png");_background:none} 阅读全文