文章分类 -  Html+css

上一页 1 ··· 5 6 7 8 9
非常全的CSS3动画效果大全【css3常用动画】★★★
摘要：/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;a... 阅读全文
posted @ 2014-10-30 17:18 Shimily 阅读(4110) 评论(0) 推荐(0)
★★【页面离线】离线缓存技术★★★ 测试成功
摘要：一. 离线网络应用程序基础离线网络应用程序的核心是一个 content type (内容类型) 为 cache-manifest 的文本文件。这个文件保存了应用程序中需要离线存储的文件（HTML, CSS, JavaScript, 图片等）。举一个简单的例子，若一个应用程序由以下文件组成：index... 阅读全文
posted @ 2014-08-26 14:26 Shimily 阅读(278) 评论(0) 推荐(0)
css3 背景颜色渐变
摘要：.vote-box-list { float: left; width: 586px; border:#FF0000 1px solid; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7f6e6), ... 阅读全文
posted @ 2014-08-21 09:21 Shimily 阅读(121) 评论(0) 推荐(0)
纯CSS3垂直菜单 菜单项滑动动画
摘要：今天我们要来介绍一款基于CSS3的垂直动画菜单，这款CSS3菜单的特点是菜单项有一个非常特别的背景，并且背景可随着鼠标滑过而滑动，挺有创意的滑动动画。这款CSS3菜单是垂直样式的，很适合做网页的侧边栏菜单。 阅读全文
posted @ 2014-08-18 09:41 Shimily 阅读(299) 评论(0) 推荐(0)
HTML5/CSS3图片选择动画 可选择多张图片
摘要：之前我们已经分享过几款很酷的HTML5图片特效，像HTML5 3D图片折叠特效、HTML5 3D旋转图片相册等应用。今天我们来分享一款既炫酷又实用的HTML5图片选择特效，当图片被选中时，图片上就会覆盖一个半透明的层，上面有一个勾，并且 在选中的时候图片出现弹跳的动画效果。 阅读全文
posted @ 2014-08-18 09:40 Shimily 阅读(516) 评论(0) 推荐(0)
利用vertical-align:middle实现在整个页面居中
摘要：如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。就以一个404页面为例，看如何让一张图片相对于整个页面居中，如下图：这是一个404页面，里面就只有一张图片，点击图片可以回到首页，而且这个图片是相对于整个页面居中的，无论是水平还是垂直（PS... 阅读全文
posted @ 2014-08-17 13:47 Shimily 阅读(290) 评论(0) 推荐(0)
css中!important的用法总结
摘要：无标题文档 这一行末使用important。class的优先级小于id的优先级。IE7是红色，firefox是蓝色。 这一行使用了important 在不同的浏览器下，这行字的色应该不同！IE7，Firefox是红色。IE6是蓝色 阅读全文
posted @ 2014-08-14 09:49 Shimily 阅读(235) 评论(0) 推荐(0)
@import "main.css" 引用外部css文件
摘要：在一个css里引用另一个css@import "main.css" 阅读全文
posted @ 2014-08-12 16:51 Shimily 阅读(295) 评论(0) 推荐(0)
jquery获取复选框的值
摘要：JS获取复选框被选中的值01234567对checkbox的其他几个操作1. 全选2. 取消全选3. 选中所有奇数4. 反选5. 获得选中的所有值js代码$("document").ready(function(){$("#btn1").click(function(){$("[name='chec... 阅读全文
posted @ 2014-08-11 13:15 Shimily 阅读(225) 评论(0) 推荐(0)
extarea 在浏览器中固定大小和禁止拖动
摘要：HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改... 阅读全文
posted @ 2014-08-08 10:46 Shimily 阅读(250) 评论(0) 推荐(0)
禁止input文本框输入实现属性
摘要：今天想总结几个很有用的html标签，开发中经常用到，不熟悉的人可能还真不太清楚，分别是：复制代码代码如下:readonly、disabled、autocompletereadonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.复制代... 阅读全文
posted @ 2014-08-08 10:40 Shimily 阅读(424) 评论(0) 推荐(0)
css做箭头
摘要：一种简洁的方式用css来做箭头，from taobao width:0;height:0; font-size:0; line-height:0; border:4px solid transparent; /*方向border-top-color:#666;*/ 阅读全文
posted @ 2014-07-21 17:33 Shimily 阅读(141) 评论(0) 推荐(0)
ie6 边框的半透明
摘要：ie6不支持 border：transparent来进行半透明，但支持用以下形式来代替 _border-color:tomato; /*For IE6-*/ _filter:chroma(color=tomato);/*For IE6-*/ 阅读全文
posted @ 2014-07-21 17:30 Shimily 阅读(94) 评论(0) 推荐(0)
a标签的href和onclick的区别
摘要：链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）； 假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。不信，你可以将 goGo... 阅读全文
posted @ 2014-07-18 16:02 Shimily 阅读(179) 评论(0) 推荐(0)
input 标签的 属性
摘要：语法：button 定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。checkbox 定义复选框。file 定义输入字段和 "浏览"按钮，供文件上传。hidden 定义隐藏的输入字段。image 定义图像形式的提交按钮。password... 阅读全文
posted @ 2014-07-18 15:46 Shimily 阅读(190) 评论(0) 推荐(0)
CSS书写规范大全
摘要：前段时间有整理发表过《网站设计CSS规范必看》，今日在家中又找到关于网站CSS一些书写规则，这些都是比较习惯性的基础，当然了这文是比较详细的，这里还是给大家分享下，本文是有W3cTeam.com发表，我来稍微的整理一下，请大家转载注明一下。一.常规书写规范及方法1.选择DOCTYPE：XHTML1.... 阅读全文
posted @ 2014-07-14 09:37 Shimily 阅读(209) 评论(0) 推荐(0)

上一页 1 ··· 5 6 7 8 9