开宗明义:《CSS权威指南第三版》精髓中文学习笔记【4.8】CSS中的类选择符
类选择符通过直接引用元素中类属性的值而产生效果。在这个引用前面总是一个句点(.),用它来标识一个类选择符。
类选择符通过直接引用元素中类属性的值而产生效果。在这个引用前面总是一个句点(.),用它来标识一个类选择符。
能分组选择符,也可以分组声明。将二者结合起来,就可以用一条语句来定义复杂的样式。假设我们需要为文档中的一些标题分配一些复杂的样式。
其中一个比较简单,只是单纯的显示/隐藏效果,通过CSS和一些简单的JS实现;另外一个菜单的收缩和展开带有过渡效果,需要借助mootool来辅助实现。
可以为一条规则中的选择符分组,那么声明也应该能够分组。在这里用分号作为一条声明的结束,这样可以显得更加清楚,因为一条规则里可能含有多个声明。这样还能使样式表更加紧凑、有组织、易于阅读。
分组可以让作者大量地压缩某种类型的样式分配,否则它们会占用很长的样式表,规则将被同时应用于两个选择符。逗号告诉浏览器在这一条规则中包含两个不同的选择符。
声明的格式是固定的,某个属性(property)后跟一个冒号,然后是其取值。最后,这条声明以分号(;)作为终结。而值可以是单个关键字(keyword)或者是由空格所分开的一串关键字组成的。
最基本的选择符是一个文档中的某个元素。在XML里,可以是任何东西。另一方面,如果是为HTML定制样式,常常是使用某个HTML的元素,像P、H3、EM、A或者是BODY元素。
利用CSS来实现鼠标经过网页中图片时的缩略放大效果,因为有时候我们的网页布局中没有足够大的空间来放置原始尺寸的图片,并且也不想把尺寸调小的图片光秃秃的摆放在那里。本文讲述的CSS技巧可以让我们在网页中预先放置尺寸较小的缩略图,而当鼠标上移时,图片能显示其全貌。