
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 · 599 阅读 · 0 评论 -
[转]通过css控制背景图片位置-back…
原文:http://www.liloy.info/archives/446.html最近经常给div在加背景图片的时候,发现背景图片的位置总是跟自己想要的效果不一样,所以就粗略的研究了一下,把结果和过程跟大家一起分享一下。现在就用div来举例子,其他的容器也都一样。主要来介绍一下背景background的几个属性。我们给一个div加上背景后,先仅仅控制背景图片的路径,其他的都不做控制。这时原创 2012-11-05 17:43:39 · 829 阅读 · 0 评论 -
[转]HTML CSS3精美登陆界面
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://chenjinfei.blog.51cto.com/2965201/774865不少人为项目没有一个简洁和精美的登录页而烦恼,今天上班没多少事情做,在51cto里看了篇关于“使用HTML5和CSS3制作登录页面完整步骤”的文章,我就动手做了一下,现在将代码贴出来,因为个人认原创 2012-11-05 17:43:32 · 975 阅读 · 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 · 455 阅读 · 0 评论 -
[转]CSS ::Selection
原文:http://www.cnblogs.com/lyghost/archive/2012/04/25/2469198.html选择文本,背景是红色,而文本是白色的问题,如下图所示:::Selection" />或许大家对这样的实现并不陌生,可是有很多童鞋可能跟我一样,并不知道是如何实现,因为在默认情况下,选择网站文本都是深蓝的背景,白色的字体,就如下本站的而言,选择文本后,背景是深原创 2012-11-05 17:43:57 · 400 阅读 · 0 评论 -
[转]CSS3 :nth-child()伪类选择器
原文:http://www.cnblogs.com/kiracn/archive/2009/12/17/1626742.htmlCSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSer原创 2012-11-05 17:43:55 · 462 阅读 · 0 评论 -
[转]Css3: animation
Css3: animation原文:http://hi.baidu.com/interactiver/item/609cbe329c7d188ec2cf29d4CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这些我想足以让大家激动了一原创 2012-11-05 17:43:43 · 431 阅读 · 0 评论 -
[转]CSS实现背景图片部分显示
原文:http://hbiao68.iteye.com/blog/1407337如果在页面山有很多小图标,可以把它们集中到一张图片当中。实现原理:根据CSS样式,选择背景图片坐标位子,就能准确定位出显示的图片优点:避免了维护多个文件,只需要管理一个图片文件 显示的效果全部由CSS控制缺点:一次需要下载相对较大的图片,浪费流量,加大了代码的难度 Js代码 htm原创 2012-11-05 17:43:37 · 1084 阅读 · 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 · 412 阅读 · 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 · 554 阅读 · 0 评论