CSS3点击按钮实现背景渐变动画效果

CSS3点击按钮实现背景渐变动画效果

效果图如下:实例代码如下:css3给按钮添加背景渐变动画button {color:#FFF;font-size:16px;outline:none……

单纯使用CSS实现动态提示信息_CSS/HTML

单纯使用CSS实现动态提示信息_CSS/HTML

也许已经有人发现可以这样写… CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; colo……

单纯使用CSS实现动态提示信息_CSS/HTML

单纯使用CSS实现动态提示信息_CSS/HTML

也许已经有人发现可以这样写… CSS代码部分 a.info { position:relative; z-index:0; background-color:#ccc; colo……

仿windows工具条样式_CSS/HTML

仿windows工具条样式_CSS/HTML

防菜单条样式 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]……

FCKeditor 实战技巧_CSS/HTML

FCKeditor 实战技巧_CSS/HTML

原文:http://3rgb.com,作者:柠檬园主转载请保留此信息FCKeditor至今已经到了2.3.1版本了,对于国内的WEB开发者来说,也基本上都已经“闻风知多少”了,很多人将其融放到自己的……

在DIV+CSS排版中新闻列表的制作方法_CSS/HTML

在DIV+CSS排版中新闻列表的制作方法_CSS/HTML

CSS代码:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; marg……

css应用:单击table,使点击的行变色

css应用:单击table,使点击的行变色

代码如下: function bgChange(obj) { objobj.bgColor=obj.bgColor==""?"#B6DC73":""; } ……

比较漂亮的一个导航条的效果DIV+CSS_经验交流

比较漂亮的一个导航条的效果DIV+CSS_经验交流

导航条的一个效果DIV+CSS 现在应用于客齐集网站! 导航条的一个效果DIV+CSS 现在应用于客齐集网站! 复制代码 代码如下:* {margin:0; padding:0; list-s……

浅谈css代码的简化缩写

浅谈css代码的简化缩写

现在很多人所用的CSS代码都很冗赘,其实很多都可以简化缩写的。这次就根据自己所知道的来跟大家谈谈有关CSS代码的简化缩写问题。1、所有CSS代码只要用一个style标记就可以了,没必要每段都加一个,……

CSS3 transform 对HTML文档流带来的影响

CSS3 transform 对HTML文档流带来的影响

html 总是那么的惊奇来源于“硬件加速”年初的一个笔记,闲时整理出来。很多网上文章都说建议打开浏览器的硬件加速,这样页面渲染速度、动画流畅性会提高。这几乎成了很多人页面制作的标配,管实际……

浅谈 CSS 预处理器(一):为什么要使用预处理器

浅谈 CSS 预处理器(一):为什么要使用预处理器

背景CSS 自诞生以来,基本语法和核心机制一直没有本质上的变化,它的发展几乎全是表现力层面上的提升。最开始 CSS 在网页中的作用只是辅助性的装饰,轻便易学是最大的需求;然而如今网站的复杂度已经不可……

做网页经常要注意的常识 整理收集_经验交流

做网页经常要注意的常识 整理收集_经验交流

背景图片不滚动IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动: 关于onfocus,onblur今天在BI里看到这样的贴子,刚好学习下。 focus 聚焦 blu……

div+css中Class与ID的区别_经验交流

div+css中Class与ID的区别_经验交流

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类。因此你……

仿客齐集首页导航条DIV+CSS+JS [代码实例]_经验交流

仿客齐集首页导航条DIV+CSS+JS [代码实例]_经验交流

作者子鼠 客齐集首页的一个效果, 今天有人问我是怎么写的,于是晚上就又重写了一个; 顺便把那个布局再理一下; 你可以先看一下客齐集首页的效果:http://shanghai.kijiji.cn 我试……

详解Bootstrap实现漂亮简洁的CSS3价格表实例源码

详解Bootstrap实现漂亮简洁的CSS3价格表实例源码

前言这是一款漂亮简洁的CSS3价格表样式,该价格表基于Bootstrap网格系统来进行布局,通过简单的CSS3代码来美化价格表,样式非常的时尚漂亮,且能在不同屏幕下展示良好的效果。先来看效果图……

用CSS3的box-reflect来制作倒影效果

用CSS3的box-reflect来制作倒影效果

兼容性既然是CSS3的属性,我们当然要来看看兼容性:http://caniuse.com/css-reflections/embed接下来,我们来了解box-reflect如何使用?语法如下:……

CSS-cursor 属性

CSS-cursor 属性

定义和用法cursor 属性规定要显示的光标的类型(形状)取值示例 #draggable{ width: 200px; height: 200px; pa……

CSS实现阴影文字效果_CSS/HTML

CSS实现阴影文字效果_CSS/HTML

..:: 巧用CSS制作艺术字 ::..如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。……

巧妙clearfix解决css浮动问题

巧妙clearfix解决css浮动问题

如何用clear来解决css浮动问题,应该是众多前端开发人员所关心的问题,是clear还是clearfix,其实我们最终一个目的就是让浮动产生更多的影响,最为一个前端人员,我们有必要深入研究和探讨………

CSS图片翻转菜单_CSS/HTML

CSS图片翻转菜单_CSS/HTML

如果用传统的方法制作这个翻转菜单,至少需要把图片切成10椋挂由螶S代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图。CSS代码:#imgmenu{ width: ……

css中英文字母和汉字行高不同怎么办

css中英文字母和汉字行高不同怎么办

最近在写一个css的时候遇到一个问题:英文字母和汉字的行高不一样,导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或padding 属性出现偏差…当然这种情况之存在于IE浏览器,Safa……