css3、html5经验积累
zln1988222
这个作者很懒,什么都没留下…
展开
-
yiyin99
xmlns="http://www.w3.org/1999/xhtml"> http-equiv="Content-Type" content="text/html; charset=utf-8" /> 弈音科技_杭州录音棚/配音/音乐制作/企业歌曲/MV、宣传片制作--弈音科技 content="杭州录音棚, 录歌, 配音, 配乐原创 2013-12-31 10:41:16 · 1373 阅读 · 0 评论 -
jquery $(window).height()和$(window).width()指的是什么
浏览器可视窗口的高度和宽度。原创 2014-01-09 16:36:05 · 2606 阅读 · 0 评论 -
固定高度块状漂浮元素上下居中
固定高度块状元素上下居中以为必须借助js才能实现,原来可以.play-button{position: absolute;top: 50%;left: 50%;height: 149px;width: 149px;margin-left: -72px;margin-top: -72px;}各浏览器都支持原创 2014-01-09 15:34:32 · 1135 阅读 · 0 评论 -
CSS3 Transition
上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们转载 2013-12-20 11:38:34 · 684 阅读 · 0 评论 -
CSS3 Transform
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法: tra转载 2013-12-20 11:39:45 · 691 阅读 · 0 评论 -
jQuery Mobile
因为 jQuery Mobile 使用了渐进增强的设计理念,因而它所支持的系统与平台也很广泛,能提供 A 级支持(支持全部的增强的体验,包括基于 Ajax 的动画页面转场)的有以下平台:Apple iOS 3.2-5.0Android 2.1-2.3 , 3.1, 4.0Windows Phone 7-7.5Blackberry 6.0 , 7Blackbe转载 2013-12-20 09:49:45 · 1522 阅读 · 0 评论 -
背景色透明rgba
background: rgba(0, 0, 0, 0.5);与background-color:#000; opacity:0.5;之间的差别就是 下面的会传递给子元素,假设这个盒子里有文字,文字就会是半透明的,而上者就杜绝了这个问题,大多是浏览器都支持,但是ie9以下不支持上面的。原创 2013-12-19 17:15:23 · 1514 阅读 · 0 评论 -
ie6兼容问题-最小高度
height:auto!important; height:500px; min-height:500px;min-height:100px;这一句在ie7和FF已经可以正常显示了。。_height:100px这一句在ie6测试显示正常原创 2013-12-19 11:44:35 · 827 阅读 · 0 评论 -
图片默认等比例大小
img设置成width:100%,高度也会按照原来比例,扩大,缩小。原创 2013-12-19 11:36:05 · 1097 阅读 · 0 评论 -
ipad iphone横屏竖屏
iPad是四方型的,应该是可以划分横向和竖向的,那就像怎样让ipad自己能够在从横向变到竖向时,css发生变化呢。经过多方查证media="all and (orientation:portrait)"可以判断出屏幕处于竖向,media="all and (orientation:landscape)"可以判断出屏幕处于横向,知道了这两种就可以更换css了,在head里写入下列两行就能实现css切转载 2013-12-19 14:04:31 · 1903 阅读 · 0 评论 -
css画个三角形-边框透明
em{position: absolute; top:10px; display:block; font-size:0;}.em1{border:6px solid transparent; _border-color:tomato; /*For IE6-*/ _filter:chroma(color=tomato);/*For IE6-*/border-right:6px solid #B9原创 2013-12-19 14:03:17 · 1860 阅读 · 0 评论 -
IE6 PNG图片
background:url(png24-video-normal.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=png24-video-normal.png);_background: 0;原创 2013-12-19 14:00:31 · 534 阅读 · 0 评论 -
文字省略号
white-space:nowrap; text-overflow:ellipsis;overflow:hidden;省略号问题...ie6也是可以支持省略号的,但是,一定要给宽度,所以不适合移动终端使用。原创 2013-12-19 13:59:01 · 618 阅读 · 0 评论 -
box-sizing
box-sizing:content-box;box-sizing:border-box;(css3)一般整体的宽度是内容宽度加上padding值加上边框;而是用box-sizing整体宽度就是你定义的width值,不受padding和border的影响另.form-signin input[type="text"],.form-signin input[typ原创 2013-12-19 11:34:40 · 693 阅读 · 0 评论 -
css加号、冒号、波浪号的用法
li:hover+li{ background-color:#000;} 123“+” 始终把样式给下一个,这样就可以做到菜单上下一个菜单项没有边框的效果啦,最求真相,嘿嘿 input:focus{background-color:#03C} p~p{background-color:#03C}兄弟选择器,只选择 后面的兄弟p:first-chi原创 2013-12-19 11:22:06 · 7632 阅读 · 0 评论 -
给移动端和pc端不同的展现形式
New Document function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipa原创 2014-01-14 10:51:57 · 1548 阅读 · 0 评论