css笔记
PandaraWen
这个作者很懒,什么都没留下…
展开
-
[原]CSS中全屏高度自适应
body { position:absolute; background-color:#000; top: 0px; left: 0px; right: 0px; bottom: 0px; } #container { height:100%; position:absolute; } #leftDiv { height:100%; width:300px; position:absolute;原创 2012-11-05 17:43:21 · 554 阅读 · 0 评论 -
[转]通过css控制背景图片位置-back…
原文:http://www.liloy.info/archives/446.html 最近经常给div在加背景图片的时候,发现背景图片的位置总是跟自己想要的效果不一样,所以就粗略的研究了一下,把结果和过程跟大家一起分享一下。现在就用div来举例子,其他的容器也都一样。主要来介绍一下背景background的几个属性。 我们给一个div加上背景后,先仅仅控制背景图片的路径,其他的都不做控制。这时原创 2012-11-05 17:43:39 · 756 阅读 · 0 评论 -
[转]HTML CSS3精美登陆界面
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://chenjinfei.blog.51cto.com/2965201/774865 不少人为项目没有一个简洁和精美的登录页而烦恼,今天上班没多少事情做,在51cto里看了篇关于“使用HTML 5和CSS3制作登录页面完整步骤”的文章,我就动手做了一下,现在将代码贴出来,因为个人认原创 2012-11-05 17:43:32 · 900 阅读 · 0 评论 -
[转]利用css3打造无图片圆角输入框
原文:http://www.freeislife.com/css-input-radius/ 还在为如何实现无图片的圆角输入框而烦恼吗,其实用css3新添加的radius属性就能轻松结局这个问题。其中-webkit-border-radius: 5px; 是chrome和safari的专有属性,-moz-border-radius: 5px;是firefoe的专有属性,当然,万恶的IE6是不支持这原创 2012-11-05 17:43:28 · 419 阅读 · 0 评论 -
[转]CSS ::Selection
原文:http://www.cnblogs.com/lyghost/archive/2012/04/25/2469198.html 选择文本,背景是红色,而文本是白色的问题,如下图所示: ::Selection" /> 或许大家对这样的实现并不陌生,可是有很多童鞋可能跟我一样,并不知道是如何实现,因为在默认情况下,选择网站文本都是深蓝的背景,白色的字体,就如下本站的而言,选择文本后,背景是深原创 2012-11-05 17:43:57 · 366 阅读 · 0 评论 -
[转]CSS3 :nth-child()伪类选择器
原文:http://www.cnblogs.com/kiracn/archive/2009/12/17/1626742.html CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSer原创 2012-11-05 17:43:55 · 416 阅读 · 0 评论 -
[转]Css3: animation
Css3: animation 原文:http://hi.baidu.com/interactiver/item/609cbe329c7d188ec2cf29d4 CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实 现了一些基本的动画效果,这些我想足以让大家激动了一原创 2012-11-05 17:43:43 · 391 阅读 · 0 评论 -
[转]CSS实现背景图片部分显示
原文:http://hbiao68.iteye.com/blog/1407337 如果在页面山有很多小图标,可以把它们集中到一张图片当中。 实现原理:根据CSS样式,选择背景图片坐标位子,就能准确定位出显示的图片 优点:避免了维护多个文件,只需要管理一个图片文件 显示的效果全部由CSS控制 缺点:一次需要下载相对较大的图片,浪费流量,加大了代码的难度 Js代码 htm原创 2012-11-05 17:43:37 · 1024 阅读 · 0 评论 -
[原]CSS实现颜色渐变方法备忘
background: -moz-linear-gradient(top, #25303C 0%, #728EAA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25303C), color-stop(100%,#728EAA));原创 2012-11-05 17:43:23 · 365 阅读 · 0 评论 -
[原]CSS Animate 动画实现结束后…
道理很简单,看代码 @-webkit-keyframes btnActive { 0% { background-color:#999; color:#FFFFFF; } 100% { background-color:#e6e6e6; color:#999; } } #formLogin input[type=button]:active { -webkit-animation-name:btn原创 2012-11-05 17:43:41 · 499 阅读 · 0 评论