概述 这是我在写移动端页面的时候遇到的,css3中鲜为人知但又很有用的属性,记录下来,供以后开发时参考,相信对其他人也有用. tap-highlight-color 在移动端开发中,我们需要在用户轻按屏幕或按钮的时候给用户一定的反馈,这就需要tap-highlight-color这个属性了,它会在用户轻按一个链接或者JavaScript可点击元素时给元素覆盖一个高亮色,示例如下: //轻按时覆盖红色 -webkit-tap-highlight-color: red; //取消这个高亮 -webk…

看的有关视频做的笔记,对bootstrap中涉及的知识点做了一定的解析,很有用哦!(新手上路,有不合适的地方可以指出哦!) 下面进入正题: Bootstrap是当下最流行的前端框架(界面工具集) 特点就是灵活简介,代码优雅,美观大方 其目的就是为了让web开发更敏捷 是Twitter公司的两名前端工程师Mark Otto和Jacob Thornton在2011年发起的,并利用课余时间完成第一个版本的开发. 框架:库 lib library jQuery作为一个框架来讲,提供了一套比较便捷的操作D…

内容来源于W3Cschool和<图解CSS3核心技术与案例实战> 1.:target选择器 URL 带有后面跟有锚名称 #,指向文档内某个具体的元素.这个被链接的元素就是目标元素(target element). :target 选择器可用于选取当前活动的目标元素. 用途:我们点击锚链接跳转到页面的相应位置后,可以使用该选择器高亮目标元素. 2.::selection选择器 ::selection 选择器匹配被用户选取的选取是部分. 注意:只能向 ::selection 选择器应用少量 CSS…

有些css属性很实用,但不常用也就被忘记. 这里纪录了自己在项目中用过的一些. html,body{ -webkit-tap-highlight-color:transparent; } 这个的用途是:手机端用a标签或是表单的地方,点击时候有闪烁,用户体验很不好.加上它就可以啦~ html,body{ user-select:none; } user-select有4个值,none:文本不能被选择all:所有内容作为一个整体时可以被选择text:可以先择文本element:可以选择文本,但选择范…

原文 http://blog.csdn.net/hejialin666/article/details/6106648 有些程序在调试时很难抓住断点(如服务程序),有些程序需要循环无数次,要看每一次或某一次的结果,等等吧! 那就来个简单的写日志程序吧,txt文件生成在debug目录里 using System; using System.Collections.Generic; using System.Text; using System.IO; using System.Windows.Fo…

CSS3动画 过渡属性transiton-property 早期在Web中要实现动画效果,都是依赖于JavaScript或Flash来完成.但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的CSS事件来触发元素的外观变化,让效果显得更加细腻.简单点说,就是通过鼠标的单击.获得焦点,被点击或对元素任何改变中触发,并平滑地以动画效果改变CSS的属性值. 在CSS中创建简单的过渡效果可以从以下几个步骤来实现: 1.在默认样式中声明元素的初始状态样式: 2.声明过渡元素最终状态…

jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式.它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuery 插件可供使用.看看下面这些惊人的功能和效果,我相信你会发现一些很有用的东西. 基于 jQuery 实现的 Ajax 异步分页 jPages 是一款非常不错的客户端分页插件,有很多特色,例如自动播放.按键翻页.延迟加载等等 源码下载      在线演示 老牌的响应式 jQuery 幻灯片效果 Sl…

今天,很显然每个网站都需要有一个移动优化的界面以提高移动用户的使用体验.在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的.在这篇文章中我们已经编制了今年新出炉的 jQuery 移动插件列表,在列表中收集了滑块,旋转木马,画廊,触摸插件,菜单等帮助你创建响应式的,美丽和引人注目的 Web 应用程序. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的…

设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的.然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局. 如今,有免费的占位图片自动生成工具可以使用,而不是手动创建这些占位符图像,可以节省我们的时间.这里向大家推荐8款 Web 开发中很实用的占位图片生成工具. 您可能感兴趣的相关文章 10大流行的 Metro 风格 Bootstrap 主题 分享35个立体动感的视差滚动效果网站作品 让人爱不释手的13套 Web 应用程序图标 推荐10套精美的免费…

属性 含义     transition(过渡) 用于设置元素的样式过度,和animation有着类似的效果,但细节上有很大的不同 transform(变形) 用于元素进行旋转.缩放.移动或倾斜,和设置样式的动画并没有什么关系,就相当于color一样用来设置元素的“外表” translate(移动) translate只是transform的一个属性值,即移动. 首先我们看上图,3个单词的解释. translate:移动,transform的一个方法               通过 trans…