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……

引用公共CSS文件-base.css

引用公共CSS文件-base.css

引用公共CSS文件-base.css@charset “utf-8”;/* base CSS Document */ body,p,dl,dt,dd,ul,ol,li,h1……

css文字重复ie bug导致文字的奇怪复制

css文字重复ie bug导致文字的奇怪复制

当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug程序代码多了一只猪↓这就是多出来的那只猪……

css滤镜基础教程_基础教程

css滤镜基础教程_基础教程

CSS滤镜基础 随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实……

CSS设置网页的字体 防浏览器浏览页面字体变形_经验交流

CSS设置网页的字体 防浏览器浏览页面字体变形_经验交流

电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题. 由于……

谈谈CSS中background的8个属性

谈谈CSS中background的8个属性

像我之前提到的那样,文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层,背景层可以是完全透明或者其它颜色,也可以是一张图片。此背景层由8个CSS属性(加上1个简写的属性)控制。backgro……

从css谈模块化

从css谈模块化

模块化是现今我们随处都可以听到的一个名词,什么是模块化?为什么我们需要模块化?这是本系列文章我们要弄明白的一个问题。我们也借这部分内容,顺带回顾一下前端的发展历程。 说实话,模块化这个主……

百分比的细节--容器大小篇_经验交流

百分比的细节--容器大小篇_经验交流

因为屏幕能显示的最小单位是1px,对于像773*50%=386.5这样带数字的长度必须有所取舍。 测试页面,一些浏览器的截图标宽度也在里面 IE:按四舍五入的方式计算。 Firefox:计算后的……

解决CSS中 display 与 visibility 的区别_基础教程

解决CSS中 display 与 visibility 的区别_基础教程

大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的,这用visibility=&……

如何设置一个指定高度的DIV_CSS/HTML

如何设置一个指定高度的DIV_CSS/HTML

1、要设置一下overflow呀.将不要得hidden起来呀! test [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]2、font-size:1px; test ……

css的四种书写方式

css的四种书写方式

优先级: 外部样式 < 内部样式表 < 内联样式表;优先级,即:同名的选择器右边的会覆盖左边1.内部样式表 2.使用link标签,在文档中声明使用外接资源,最常用的一种……

CSS3动画(一):5种预载动画效果

CSS3动画(一):5种预载动画效果

实现如图所示的动画效果:预载动画一:双旋圈在两个不同方向旋转的圆圈。我们对内圈的转速定义了一个CSS代码,即内圈比外圈的速率快2倍。实现如图所示:html代码: ……

CSS编辑工具Topstyle轻松打造网页风格_CSS/HTML

CSS编辑工具Topstyle轻松打造网页风格_CSS/HTML

本文特意为你找来了一款CSS编辑利器——Topstyle,利用它你能轻松做出更有风格的网页来! 精彩、漂亮是每一个设计者在制作网页时的不懈追求,而网页的精彩几乎都离不开CSS的强力“支撑……

css网页制作实用技巧9则

css网页制作实用技巧9则

 本篇总结了一些css常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西。  一.使用css缩写  使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《css基……

DIV+CSS 网页TIP的简单作法_CSS/HTML

DIV+CSS 网页TIP的简单作法_CSS/HTML

基本的原理就是用display;当display: block;就显示;当display:none;时就不显示; 例如: 复制代码 代码如下:#infobox span{ display: non……

HTML 30分钟入门教程_基础教程

HTML 30分钟入门教程_基础教程

运行下面的代码就可以了 HTML 30分钟入门教程 HTML 30分钟入门教程作者:deerchao 来源:unibetter大学生社区 转载请注明来源本文目标30分钟内让你明白HT……

网站设计之合理架构css

网站设计之合理架构css

架构css  在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。  (曾几何时)只要一个c……

css 类选择器和id选择器

css 类选择器和id选择器

在 CSS 中,类选择器以一个点号显示:.center {text-align: center}在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。在下面的 HTML 代码中,h……

div+css实现的滑动门,简洁,新手上路 (小鸽子系列)_经验交流

div+css实现的滑动门,简洁,新手上路 (小鸽子系列)_经验交流

以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;……