您的位置:编程知识库>css div

css div

  • 2012-02-26让IE6区块元素具备display:inline-block属性

    1、display:inline-block 让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。 2、IE中的inline-block IE6不支持这个属性,但IE8开始支持这个属性。 让IE6内联元素具备inline-block特性 由于inline-block会触发IE的la...

  • 2012-01-15【顶】Web开发入门不得不看

    引 如今,各种互联网的Web应用程序层出不穷,那么如何快速入门,成长为一个优秀的Web开发工作者呢? 这个问题不容易回答,几乎所有的培训机构都不能清晰地解答。 所以对于Web开发刚刚入门的菜鸟们,我觉得只有通过去做,去实验,学会Web开发,可能是学着学着,实验着...

  • 2011-05-11谷歌2011年5月11日css sprite实现logo跳舞动画效果及实现原理

      谷歌CSS Sprite技术纪念现代舞先驱玛莎·葛兰姆诞辰117周年 谷歌今天的Google Doodle使用了CSS Sprite技术,利用一个初始图片和一张画满各个动作的拼接图片,实现了动画,来纪念现代舞先驱。 初始图片:http://www.google.com/logos/2011/graham11-hp-...

  • 2011-05-09谈CSS模块化【封装-继承-多态】

    第一次听到“CSS模块化”这个词是在WebReBuild的第四届“重构人生”年会上,当时我还想,“哈,CSS也有模块化,我没听错吧?”事实上,我没听错,你也没看错,早就有CSS模块化这个概念了。之所以我把这个拿出来讨论,是因为一个算...

  • 2011-05-04纯div+css仿QQ空间投票效果

    去年给大河报做96211的一个投票系统时候用到的代码,纯div+css仿QQ空间投票效果,请看下效果图 演示地址:http://www.wufangbo.com/demo/css/05/index.html 下载地址:http://www.wufangbo.com/demo/css/05/05.rar   html代码   <div class="pool...

  • 2011-05-04纯div+css投票票数百分比柱状效果实现

      css实现投票百分比统计效果,去年在一个医生评价的投票项目里面用过,先上下效果图吧! 演示地址:http://www.wufangbo.com/demo/css/04/index.html 下载地址:http://www.wufangbo.com/demo/css/04/04.rar   html代码 <div id="graphbox"...

  • 2011-05-04css selection改变文字反选的背景颜色

      最近在访问一个网站的时,我注意到,当其文字被选中时它有一个匹配他的网站的背景色,这个背景色不是是深蓝色。此刻,若是您的网站不利用任何蓝色为文字背景,看上去会不会有点不合适?   在计算机操作中经常会有反选出现,系统一般会根据选择区域的颜色...

  • 2011-04-29jQuery tab选项卡插件(可多次使用)

    这个选项卡插件估计是最简单的了,我使用过好多次了,不过用于对jquery理解还不是很深刻,不知道性能上有没有问题,总之代码很简介,可用性也比较强,支持一个页面多次调用,html标签可以随便的更改,只需要把class加上就行了!是不是很简单啊,哈哈!这里还有一个纯...

  • 2011-04-28jQuery仿淘宝店铺浮动层上下滚动固定效果插件

    博客里面已经有过一个类似的效果了jQuery实现页面滚动时层智能浮动定位 但是今天看见css88愚人码头的博主也分享了一个类似的效果【jQuery插件】capacityFixed-类似于新浪微博新消息提示的定位框 其实不光是新浪微博里面有这个效果,包括淘宝店铺里面也有这个效果,淘...

  • 2011-04-26css3 box-shadow投影发光效果

      CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53...

  • 2011-04-26css3 box-shadow发光效果

      如果用过twitter,你可能已经留意到当输入框获得焦点后,它的边框会有蓝色发光的效果,并且这里运用了transition属性,使得发光效果有很平滑的过渡。本教程将讲述如何运用box-shadow属性来做到这样的效果。 CSS代码如下: input { transition: all 0.30s e...

  • 2011-04-25国外15个前端开发CSS框架介绍

        框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如: typography.css 基本排版规则 grid.css 基于网格的布局 layout.css 通常的...

  • 2011-04-2527款经典的前端开发CSS框架

      利用 CSS 框架,可以简化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架,你可以选用。  1. 960gs  960 ...

  • 2011-04-25使用CSS框架的优点和缺点

    CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文本块。...

  • 2011-04-22jQuery实现页面滚动时层智能浮动定位

    一、应用展示 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果,例如淘宝网的搜索结果页的排序水平条,在默认状态下,滚动条跟随页面滚动,如下: 随着页面向下滚动,当此水平条接触浏览器的...

  • 2011-04-22js封装一个tab效果

    html代码,js压缩后1k不到,有需要的朋友拿去用 演示地址:http://www.wufangbo.com/demo/javascript/01/index.html 下载地址:http://www.wufangbo.com/demo/javascript/01/01.rar   html代码 <!DOCTYPE html> <html> <head> <title...

  • 2011-04-20CSS自定义滚动条样式

    相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。   IE下的滚动条样式 IE...

  • 2011-04-20纯CSS实现div固定页面底部无抖动

    在做一个页面效果的时候,需要这用这种代码,试试jquery实现效果不怎么理想,用css滤镜实现的话ie6里面老是抖动(你懂的!)总之效果就是不理想,网上搜索了好多 google搜索后我都翻了好几页,也试了好多,但都是不能用的,终于我快要崩溃的时候发现了这个神器,分享...

  • 2011-04-16关于提高浏览器渲染页面速度的建议

    怎样尽可能的缩短浏览器上页面渲染的时间,文章从以下几方面着手: 写出高效的css代码 避免使用css表达式 把css文件放在页面顶部 指定页面图片的尺寸 页面头部标明文档编码 一,写出高效的css代码 首先弄清浏览器解析html代码的过程:构建一个dom树,页面要显示的...

  • 2011-03-22Web开发ABC

      Web开发经常会是非常复杂的事情。今天,针对初学者,我希望向你介绍26个概念和技术,每个都对应英文字母的一个字母。听起来很奇怪吧,那让我们开始吧。 A——AJAX AJAX是异步JavaScript和XML的意思,它是近些年你使用的所有流畅的Web应用背后的主要...