@charset "UTF-8"; @base-color:#333; // 圆角 .border-radius (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } //四角半径定制 .border-radius-custom (@topleft: 5px, @topright: 5px, @bottomleft: 5px, @bo…

jQuery UI 入门 jQuery UI 简介 jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库,您可以使用它创建高度交互的 Web 应用程序.无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择.jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同.所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只…

jQuery UI 入门 jQuery UI 简介 jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库,您可以使用它创建高度交互的 Web 应用程序.无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择.jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同.所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只…

网页设计与开发:HTML.CSS.JavaScript实例教程从实用角度出发,详细讲解了HTML.CSS和JavaScript的基本语法和设计技巧,通过一个实用的班级网站的规划.设计.实现到发布过程,将各章的知识点贯穿起来,各章均配有习题和实验,力求达到理论知识与实践操作完美结合的效果.<网页设计与开发:HTML.CSS.JavaScript实例教程>内容翔实,行文流畅,讲解清晰,介绍全面,具有很强的可读性.  网页设计与开发:HTML.CSS.JavaScript实例教程可作为普通高校计算机…

今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. 单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面,单击每个实例的图片截图可以直接跳转到相应实例的Demo页面. 1.Hoverbox 图片集 一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果. 2.高级CSS菜单 一款很有创意且复杂的CSS导航方案. 3.滑动影集 手风琴效…

精选30个优秀的CSS技术和实例   投递人 墙头草 发布于 2008-12-06 20:57 评论(97) 有17487人阅读 原文链接 [收藏] « » 今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. 单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面,单击每个实例的图片截图可以直接跳转到相应实例的Demo页面. 1.Hoverb…

今天,我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集.阴影效果.可扩展按钮.菜单等-这些实例都是使用纯CSS和HTML实现的. 单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面,单击每个实例的图片截图可以直接跳转到相应实例的Demo页面. 1.Hoverbox 图片集 一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果. 2.高级CSS菜单 一款很有创意且复杂的CSS导航方案. 3.滑动影集 手风琴效…

概述 这是我学习[CSS动画实用技巧][1]的课程笔记 常用动画属性--transition [常用动画属性--transition][2] .change img{ display:block; width:300px; height:284px; opacity:0; -webkit-transform:translate(-100px,-100px); -webkit-transition:opacity 1s ease-in-out 0.5s,-webkit-transform 1s e…

CSS 分类 (Classification) 实例CSS 分类属性 (Classification)CSS 分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度. 属性 描述clear 设置一个元素的侧面是否允许其他的浮动元素.cursor 规定当指向某元素之上时显示的指针类型.display 设置是否及如何显示元素.float 定义元素在哪个方向浮动.position 把元素放置到一个静态的.相对的.绝对的.或固定…

CSS 尺寸 (Dimension) 实例CSS 尺寸属性CSS 尺寸属性允许你控制元素的高度和宽度.同样,还允许你增加行间距. 属性 描述height 设置元素的高度.line-height 设置行高.max-height 设置元素的最大高度.max-width 设置元素的最大宽度.min-height 设置元素的最小高度.min-width 设置元素的最小宽度.width 设置元素的宽度. #############1.使用像素值设置图像的高度本例演示如何使用像素值设置元素的高度. <sty…