归档:CSS

jQuery:几行代码实现简单选项卡TABS效果

做个记录。 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>尝试用 jQuery 实现选项卡功能</title> <style type=”text/css”> page { font-size: 12px; padding: 40px; } ul { padding: 0; margin: 0; list-style: none; } h2 { font-size: 12px; padding: 0; margin: 0; } .tabs { width: 403px; height: 108px; border: 1px [...]

CSS 选择器之属性选择器

CSS:Attribute selectors [att] 具有 att 属性的元素,不考虑属性值。例如 img[alt] {} <img src=”…” alt=”…” /> <img src=”…” /> 匹配第一个 IMG 元素,但是不匹配第二个 IMG 元素。 [att=val] 具有 att 属性,且属性值恰为 val 的元素。例如 a[rel="external"] {} <a href=”" rel=”external”>…</a> <a href=”…”>…</a> <a href=”…” rel=”internal”>…</a> 匹配第一个 A 元素,但是不匹配第二个和第三个 A 元素。 [att~=val] 具有 att 属性,该属性值由空格分隔的多个词组成(也可以仅有一个词),其中恰好有一个词为 val 的元素。例如 div[class~="item"] {} <div class=”item”>…</div> <div class=”current-item item”>…</div> <div [...]

如何计算 CSS 选择器的权重?

虽然接触 CSS 有相当年头了,但是对于样式的优先级,一直都是一知半解的,以至于某些时候编写的 CSS 代码并不能达到预期的呈现效果。查阅官方文档后,终于对此有了一个新的认识。

IE6、IE7 和 IE8 中的 CSS 兼容性速查表

来源:Visual Cheat Sheet: CSS Compatibility with Internet Explorer 6, 7 and 8(BlogSpot 被和谐,访问需要翻墙) 这份兼容性速查表对比了 Internet Explorer 6、7 和 8 中的 CSS2.1、CSS3 兼容情况。 GIF:第一页 第二页 PDF:第一页 第二页 本站:第一页 第二页 你可以用 A3 纸来打印上面的内容。 先前腾讯的 ISD Webteam 也发布了一份 CSS3 参考手册(中文版)(本地备份),CHM 格式,大家也可以下载了备用。