4.2 CSS选择器(2)――类选择器与包含选择器

  1. 4.2 CSS选择器(1)――通配选择器、类型选择器与ID选择器
  2. 4.2 CSS选择器(2)――类选择器与包含选择器
  3. 4.2 CSS选择器(3)――子元素选择器和相邻兄弟选择器
  4. 4.2 CSS选择器(4)——属性选择器(Attribute Selectors)

4.2.4 类选择器(Class Selectors)

图4-4 类选择器

类选择器的定义如图4-4所示。

类选择器和ID选择器很像,是通过为(X)HTML元素添加class属性而生效的,可应用在<body>内的任何元素上,不过类选择器是可重复的。例如:

…阅读全文…

4.2 CSS选择器(1)――通配选择器、类型选择器与ID选择器

  1. 4.2 CSS选择器(1)――通配选择器、类型选择器与ID选择器
  2. 4.2 CSS选择器(2)――类选择器与包含选择器
  3. 4.2 CSS选择器(3)――子元素选择器和相邻兄弟选择器
  4. 4.2 CSS选择器(4)——属性选择器(Attribute Selectors)

样式规则由“选择器”和“声明”组成,而声明又由“属性”和“值”组成,如图1所示。

图1 样式规则

CSS的语法很简单,而选择器却复杂而强大,要实现对各个元素的精确控制,需要对不同的选择器有深入的理解。

提示:CSS 2.1的选择器类型非常丰富,但是由于一些浏览器只支持其中部分选择器,因此在应用上大打折扣。

…阅读全文…

文档结构

前言:书终于完稿了,我也有了一些自己的时间,于是决定将书中讲到的一些比较常见的知识点整理出来,发在Blog里面。当然也不会完全发表出来,毕竟还是要卖书挣钱买猫粮的。

CSS通过与(X)HTML的文档结构相对应的选择器(selector)来达到控制页面表现的目的,而文档结构不仅仅在CSS的应用上非常重要,对于行为层(例如使用JavaScript控制元素的行为)同样也非常重要。

…阅读全文…

越狱

2008年4月21日 星期一 20:40:32

今天下午,邻居忽然打电话给我:“你家猫在外面那!”

赶快跑去卧室,果然年糕又把纱窗给弄开了,这家伙已经学会把粘纱窗的胶条抠断……

年糕倒是不担心,担心的是白白,不知道她出去还愿不愿意回来。

…阅读全文…

overflow的另类用法

有人问这个问题:

左右布局,图片的宽度不固定。

…阅读全文…

忽然之间

2008年4月15日 星期二 20:42:45

时间似乎从07年的11月一下子跳到了08年的4月。

完成了前言和内容提要,就只剩下附录的表格要整理,眼见着离胜利就一步之遥,可我却没有什么兴奋的感觉。难道已经麻木了?

…阅读全文…

发现与解决问题

今天很郁闷,本来以为马上就能完稿了,结果被编辑打击了一番,说书里面的图不够吸引人,实例不够多不够漂亮,没有发挥彩书的特点等等,让我从本来已经望见彼岸的兴奋一下跌入黑暗的深渊。这篇文,是书里面的一个小节,正好整理到这里,想起每天在群里面对的很多问题,于是觉得还是贴出来,帮助初学者能更好地入门。看来还要继续把舍弃的最后一章完成,苦难的日子啊,又要继续。

虽然浏览器可能存在着很多Bug,但是并不是与自己感觉不一样的时候就是出现了Bug。产生问题的原因可能有很多种,因此制作者需要一定的方法来排查问题。

…阅读全文…