随笔分类 - CSS

摘要:点击进入更详细教程及源码下载 在线演示我们经常会在网站中看见一个时钟的效果。今天向大家分享一个使用jQuery和CSS3实现一个数字时钟教程。http://www.html5cn.org/article-5279-1.html代码:<div id="clock" class="light"> <div class="display"> <div class="weekdays"></div> <div class="ampm">< 阅读全文
posted @ 2013-06-18 12:06 -j神----- 阅读(544) 评论(0) 推荐(0) 编辑
摘要:使用@font-face结合EOT压缩字体来解决客户端因为没有相关的字体产生的视觉偏差!<style>@font-face{font-family:'yahei';src:url(../images/msyh.eot);}</style> 阅读全文
posted @ 2013-01-11 17:36 -j神----- 阅读(131) 评论(0) 推荐(0) 编辑
摘要:预备知识:offsetTop、offsetLeft、offsetWidth、offsetHeight我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,style.top 也是可以的,二者的区别是:一、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。(这里的style.top是读的css样式中的top:20px;这种形式的值,所以是带有"px"的)二、offsetTop 只读,而 style.top 可读写。(style.top赋值切记加上"px",测试过发现IE下用数值是 阅读全文
posted @ 2012-11-29 11:44 -j神----- 阅读(4732) 评论(1) 推荐(2) 编辑
摘要:CSS中的三大重点知识:1.float,浮动2.盒子模型3.position绝对定位今天主要写下position中fixed相关知识:position:static,relative,absolute,fixed今天写一个吸顶式菜单,当浏览器滚动条向下滑动时!菜单随着页面向下滑动!一开始以为用了absolute,这个大家也应该常用.发现效果是达到了~但发现有一个严重的问题是:向下滑动时这个浮动层会非常的抖动.很影响美观!结果测试后发现了问题~position:absolute是相对于整个网页的顶部定位的(外部容器为body的情况下)~position:fixed是相对于网页的显示窗口定位的(外 阅读全文
posted @ 2012-11-29 11:36 -j神----- 阅读(6327) 评论(0) 推荐(1) 编辑