- 浏览: 3291767 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
见了很多web-kit打头的css属性,但是由于这些属性比较新,不知道是什么意思,特此收集记录。
很多-web-kit打头的css,还有-moz-, -o, -ms-等,但是也不是所有的都已经成为标准,所以有些情况只能写webkit。
2015-05-06
-webkit-margin-collapse
-webkit-margin-after-collapse:separate; #相邻的元素合并后分离
-webkit-margin-before-collapse:discard; #相邻的元素合并前丢弃
-webkit-user-select:none 不允许用户选择。
-webkit-text-size-adjust
1、当样式表里font-size < 12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上会导致页面缩放失效(使字体大小不受设备终端的调整)
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的
例子:
body{
-webkit-text-size-adjust: none;
-moz-text-size-adjust:none;
-ms-text-size-adjust: none;text-size-adjust: none;
}
-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
例子:
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
见了很多web-kit打头的css属性,但是由于这些属性比较新,不知道是什么意思,特此收集记录。
很多-web-kit打头的css,还有-moz-, -o, -ms-等,但是也不是所有的都已经成为标准,所以有些情况只能写webkit。
2015-05-06
-webkit-margin-collapse
-webkit-margin-after-collapse:separate; #相邻的元素合并后分离
-webkit-margin-before-collapse:discard; #相邻的元素合并前丢弃
-webkit-user-select:none 不允许用户选择。
-webkit-text-size-adjust
1、当样式表里font-size < 12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上会导致页面缩放失效(使字体大小不受设备终端的调整)
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的
例子:
body{
-webkit-text-size-adjust: none;
-moz-text-size-adjust:none;
-ms-text-size-adjust: none;text-size-adjust: none;
}
-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
例子:
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
发表评论
-
静态时间轴和动态时间轴实现原理
2015-07-12 17:24 5672作者:zccst 一、静态时间轴,仅css即可 HTML结构 ... -
[css3特效]loading加载中
2015-03-25 15:53 3546作者:zccst 以前loading都是一张图片,显示或隐藏 ... -
display,position和float之间的关系
2015-03-17 12:18 5525作者:zccst 对‘display ... -
CSS中的几种颜色表示法,如hsla
2015-03-15 17:47 1341作者:zccst 平常相对熟悉的也就RGB色了,其他基本不清 ... -
[css3]知识点积累
2015-03-14 22:28 1192作者:zccst animation , keyframe ... -
[css3]知识点(自己总结版)
2015-03-13 20:11 1353作者:zccst CSS3是一个包含多方面的知识,主要分两大 ... -
[css3]流式布局要点
2015-03-08 13:16 3321作者:zccst 让一个div水平、垂直居中 一、流 ... -
单行溢出和多行文本溢出
2015-03-05 18:54 6750作者:zccst 一、单行溢 ... -
table表格内容过多时自动换行css
2014-12-04 20:44 8133作者:zccst 总结了一下 ... -
div+css布局总结
2014-09-04 10:48 1396作者:zccst 3,position布局 #wrap ... -
print打印网页相关
2014-06-10 10:24 770作者:zccst 1,CSS <link hr ... -
CSS基础:text-overflow:ellipsis溢出文本
2014-01-15 17:12 37967作者:zccst 2015-06-19 今 ... -
纯CSS来画基本的矩形、圆形、椭圆、三角形、多边形等
2014-01-06 13:52 4585作者:zccst 2015-3-18 除了常规的三角形外,还 ... -
让table和table中的TD在指定区域滚动
2013-10-28 20:14 3843使用的属性如下: <div style="w ... -
div被撑大
2012-06-26 22:26 2118作者:zccst 情形二:外层div高度自适应,内部还有div ... -
常见CSS设置
2012-06-19 11:35 1104作者:zccst 1,图片与文字垂直对齐 办法一、设置块元素 ... -
自适应网页设计
2012-06-13 10:58 1102zccst转载 原地址:http:// ... -
CSS颜色代码
2012-05-17 17:02 1212作者:zccst 虽然CSS代码颜色有RGB组成,看似简单, ... -
CSS较好的网站推荐
2012-05-01 16:51 1121作者:zccst 在每一个领域都会诞生很多优秀的专业网站, ... -
background-position释义
2012-05-01 16:37 1250作者:zccst background-pos ...
相关推荐
这个属性丢失,导致了不生效,在Styles里把这个属性加上就好了,于是断定是编译过程导致这个属性丢失。 二、解决办法 网上找了一个可行的解决方案,把autoprefixer关掉,有一种写法: /*! autoprefixe
这个总结了Webkit内核的浏览器的默认CSS属性,也就是解释HTML标签时候的默认样式,比如<p><br />这种的默认样式……
为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒...
css3 Animation属性参数介绍例如@keyframes mymove { from {top:0px;} to {top:200px;} } @-moz-keyframes mymove /* Firefox */ { from {top:0px;} to {top:200px;} } @-webkit-keyframes mymove /* Safari 和 ...
不过今天又仔细研究了一下css3中的blur方法,可以实现同样的效果。且配合JS可以实现模糊缩放的效果 基础先来看一下blur属性的表达式: CSS Code复制内容到剪贴板 filter:blur(add=add,direction,strength=...
大家经常用的css3属性text-overflow是针对单行文本溢出的操作,那块级元素的文本溢出要怎样处理呢? 需要用到-webkit-line-clamp:
本文实例讲述了基于css3的属性transition制作菜单导航效果。分享给大家供大家参考。具体如下: CSS3导航菜单,当你运动层在显示层下面时,transition会使页面产生闪动,原因是Chrome在初始渲染CSS动画时产生的Bug,...
解决方法:css3中的transition-duration属性,用于规定完成过渡效果需要花费的时间(以秒或毫秒计)。 语法格式: transition-duration: time 定义和用法 兼容性:Internet Explorer 10、Firefox、Opera 和 Chrome ...
css3解决了这个问题,解决方法如下: display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式) -webkit-line-clamp:2; /...
将纯CSS转换为(可选自动前缀)React样式的属性映射。 用法 /** @jsx React.DOM */ var React = require ( "react" ) ; var fromCSS = require ( "react-css" ) . fromCSS ; /* Pre-compute the CSS to avoid ...
该CSS3按钮发光动画主要是利用了webkit的动画属性,让各种颜色规律性的发生变化。也许这么绚丽的CSS3按钮应用不那么广泛,但是在一些需要特效的网页中用来做提交表单按钮或者菜单项,那就非常方便了。
Safari 支持替代的 -webkit-transition 属性。Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。 请始终设置 transition-duration属性,否则时长为 0,就不会产生过渡效果。 使用transition属性...
使用 css3 transform 属性可以轻易的旋转,倾斜,缩放任何元素。目前即使没有任何前缀也可以在绝大部分浏览器上很好的使用。 #myelement { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 这个听...
为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子...
今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用CSS3实现图片模糊效果也非常简单,用CSS3中的filter属性即可,针对不同浏览器用-webkit-filter、-moz...
下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性: 第一种:javascript比较常用下面这个代码: var support_css3 = (function() { var div = document.createElement('div'), vendors = 'Ms O Moz ...
Firefox3.5已不支持私有属性-moz-opacity了,在Mozilla 1.7 (Firefox 0.9)之前FF都是使用这个私有属性的,Firefox 0.9-Firefox3同时支持-moz-opacity和opacity这两个属性,Firefox升级到3.5之后,一些网站原来有的...
随着网络的发展,CSS 也在不断的完善,充分吸取多年来 Web 发展的需求,提出了很多新颖的 CSS 特性,例如很受欢迎的圆角矩形 border-radius 属性,但很可惜,此属性目前没有得到任何浏览器的支持。 对于一些浏览器,...