繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > (译)用CSS设计日历
- HTML/XHTML教程
- 通过W3C XHTML1.0及CSS标准必须注意的九个问题
- 注意这11个问题保证CSS的渲染效率
- 用css+js定义input_file元素的样式来兼容FireFox
- CSS技巧：如何使未知高宽的图片实现垂直居中
- CSS基础教程：布局网页技巧的完全学习手册
- css知识：Div和Span在使用中的不同之处
- css技巧：批量保存div+css网页中的图片的几种方法
- CSS技巧：常用的属性代码简化表
- 介绍二款b/s开发中常用小工具
- css教程：IE6、IE7和FF的hack的运用技巧
- Google改进SSL机制，控制SSL安全机制存漏洞
- css技巧：分享9个网页制作常用技巧
- 规范Web站点设计css类以及id的命名方式
- html教程：WEB标准从头开始_DOCTYPE声明
- html/css教程：背景图片的定位问题详解
- CSS教程：自动隐藏网页文字的技巧
- 汇总一些IE与Firefox的CSS兼容问题及解决办法
- 网页中利用Title属性的好处
- 40多个漂亮的网页表单设计实例
- 制作商业HTML邮件的建议
HTML/XHTML教程 中的 (译)用CSS设计日历
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 32 ::
收藏到网摘: n/a
table元素
如果你已经看过我的代码，就会发现我的日历是用table做的。不错，因为日历中显示的是表列数据，所以这样说来用table布局是合理的。而用table定位制作整个网站是不合适的，但我们完全可以有针对性的将table用在列表数据当中。像日历，程序表，图表，时间表我们都可以用table制作。此外试想一下，如果没有引用CSS，那些用CSS控制的浮动对象和绝对定位的对象会把页面变得一团糟。事实上，在我处于用CSS布局狂热的状态下，曾经试着不用table制作日历。相信我，这到最后会非常的头疼，因为你要考虑到所有不同的浏览器的兼容性并进行调试。这纯粹是浪费时间，还好我走过来了;-)
Molly Holzschlag写了一篇很好的文章的方法.
td a:link, td a:visited {
color: #608194;
background: url(images/bg_calendar.gif) no-repeat;
}
td a:hover, td a:active {
color: #6aa3ae;
background: url(images/bg_calendar.gif) no-repeat right top;
}
日历中只有一个图片，在CSS中定义背景的图片的三种不同位置来3个不同背景,用了几个样式定义了日历月份导航以及当前日期.
*查看CSS
*查看日历
添加更多有亲和力的代码
有些tables中的元素能够帮助用屏幕阅读机的读者更容易的阅读,比如在代码中添加属性摘要.想了解更多表格亲和力的文章首选Roger Johansson的"深入表格(Bring on the tables)"
在我的日历中添加了一些为屏幕阅读机阅读所必须的缩写属性(abbr),来解释周日的"S",周一的"M",周二的"T"等等.但我搞不懂,缩写属性(abbr)是对内容的缩略写法,而我用在日历中却恰恰相反(译者注:作者用abbr="Sunday"属性解释了"S"的意思).所以我想知道我这么做是否正确.如果你知道正确的写法请告诉我,谢谢;-)
原文地址：Veerle's blog翻译：wx2.org
评论 (0) All
