相关搜索 >> css

  • 121210个实用的 CSS3 按钮效果制作教程阅读(6682)条2013/12/12 15:03:41

    人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的10个优秀的 CSS3 按钮效果制作教程,你可以学习这些技术并使用它们为您的作品创造更多的乐趣。CSS3 Buttons( 在线演示 | 立即下载 ) Zardi Pack of CSS3 Buttons( 在线演示 | 立即下载 ) Download Me!( 在线演示&n...阅读全文

    Taget:css3 按钮 教程 

  • 1123CSS3实现自定义Checkbox和Radiobox阅读(7068)条2013/11/23 10:04:56

    我们知道浏览器自带的Checkbox复选框不怎么美观(这或许是我们看习惯了的缘故),而且复选框在不同的浏览器上显示的样式又有很大的差异,由 于目前越来越多的人开始接受支持CSS3的现代浏览器,所以今天就简单的用一些CSS3代码来自定义Checkbox的显示方式,个人觉得比浏览器自带的 Checkbox美观不少。(最底部有完整代码可运行)下面先来看一下最终实现效果效果图如下 下面来分析一下源代码,原理很简单,先把页面上<input type="...阅读全文

    Taget:css3 checkbox radiobox 

  • 1118可以从CSS框架中借鉴到什么阅读(5521)条2013/11/18 10:48:27

    现在很多人会使用 CSS 框架进行快速建站。那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题。但在 CSS 框架已经日趋成熟的今天,在我们设计项目架构、规范的时候,现时市面上一些优秀的框架也可以给...阅读全文

    Taget:css 结构 优化 

  • 1107纯 CSS3 绘制图形(心形、五角星、六边形等)阅读(23470)条2013/11/7 11:48:09

    这篇文章给大家带来的是纯 CSS 绘制五角星、六角形、五边形、六边形、心形等等。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。Star (6-points) #star-six {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 10...阅读全文

    Taget:css3 绘制 图形 

  • 101123个功能强大的jQuery/CSS3图片特效插件阅读(6146)条2013/10/11 11:43:02

    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。1、jQuery图片下滑切换播放效果这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。 在线演示    /   素材下载2、jQuery带闹钟功能的数字时钟这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。在线演示 &nb...阅读全文

    Taget:jq css3 特效 

  • 0626巧用cssText属性批量操作样式阅读(5905)条2013/6/26 16:07:36

    给一个HTML元素设置css属性,如var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";这样写太罗嗦了,为了简单些写个工具函数,如function setStyle(obj,css){  for(var atr in css){    obj.style[atr] = css[atr];  }}var head= document.getElementById("head...阅读全文

    Taget:css 属性 操作 

  • 0617css各种通用布局的解决方案阅读(12183)条2013/6/17 15:22:44

    本文介绍 css各种通用的布局的解决方案,一般布局有 两列右侧自适应布局、两列左侧自适应布、两列定宽布局等。为前端开发人员提供高效率高质量的前端页面开发解决方案,提高多人协作效率,也为非专业人员提供快速制作网页的解决方案! 下面就一一介绍。目录两列右侧自适应布局 | 两列左侧自适应布局 | 两列定宽布局 | 三列中间自适应布局 | 三列左侧自适应布局 | 三列右侧自适应布局关闭 td{text-align:center;}两列右侧自适应布局两...阅读全文

    Taget:css 布局 解决方案 

  • 061320的非常有用的CSS代码特效阅读(10040)条2013/6/13 15:46:04

    现在创建的 web 站点的最重要工具之一,css 是最不少的,用作尽可能多。由于它的大众化,你可以找到自己花了很多时间几乎重塑存在的事物,如菜单、 按钮等。这将不仅给你很大的头痛,但将也花费你大量的时间,所以尽量使用那些好的特效,是可以帮你更快的完成你的工作而且美观。在这篇文章 20的非常有用的css代码 特效 用图形和html 资源与一个完整的演示。Top BarMini Dropdown MenuNotification alert modal windows with CSS3Mac OSX-like a...阅读全文

    Taget:css 按钮 菜单 

  • 0608最新2013年五大主流浏览器 HTML5 和 CSS3 兼容性一览阅读(7422)条2013/6/8 15:10:09

    转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《最新2013年五大主流浏览器 HTML5 和 CSS3 兼容性一览》,让我们一起来看看2013年的浏览器现状。目录CSS3 属性 | CSS3 选择器 | HTML5 Web 应用程序 | HTML5 图形和内嵌内容 | HTML5 表单属性   浏览器厂商之间的...阅读全文

    Taget:CSS3 HTML5 js 浏览器兼容 

  • 0601google背景css sprite实用教程阅读(8215)条2013/6/1 14:34:59

    css sprite完整教程 是一个比较实用的教程,讲的比较基础,不会让你难以着手。好吧我尽量讲的通俗一点。相信大家现在对于css应该是比较了解了,网页中是必不可少的一个内容。其实不仅仅是为了以后维护修改起来简单,当然大家可以看下【DIV+CSS布局的好处和意义】首先sprite图片不应过大。这样会造成比较长时间的等待可能会对用户体验较差。css sprite技术的初衷其实是减少对服务器的请求数量,以达到减轻服务器的压力。CSS sprite技术的是图片的...阅读全文

    Taget:css sprite 教程 

  • 0514使用CSS3为社会化图标添加动画效果阅读(7234)条2013/5/14 10:52:08

    很多博客和网站为了更好和阅读者沟通都会添加一些社会化图标,本篇文章将介绍如何使用CSS3 translation属性为社会化图标添加一些简单的动画效果,教程中一共提供了四种不同的动画效果。(底部附完整实例代码) 浏览器支持:Firefox 4.0+  Safari3.1+  Opera10.5+  Chrome4.0+  IE10四种效果分别使用了transform的:rotate, scale, translate来实现,三种可以单独使用也可以随意搭配。rotate接受一个参数定义旋转的...阅读全文

    Taget:CSS3 社交 图标 

  • 0406漂亮的css table样式阅读(15144)条2013/4/6 15:13:56

    工作中发邮件通知人员样式总是一个麻烦事,工作的严肃性不能让邮件样式太花哨,但是又不能太简陋, 所以找了下面的table样式和大家分享。效果如下图所示:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"utf-8" /> <title>漂亮CSS Tables-幸凡学习网</title> </head> <style type="text/css"> body { font: normal ...阅读全文

    Taget:css table 

当前第  4  页 / 共  9  页  总共108条记录  

1234567