一花一世界 – CSS实例教程:收缩展开效果CSS垂直菜单两则
其中一个比较简单,只是单纯的显示/隐藏效果,通过CSS和一些简单的JS实现;另外一个菜单的收缩和展开带有过渡效果,需要借助mootool来辅助实现。
其中一个比较简单,只是单纯的显示/隐藏效果,通过CSS和一些简单的JS实现;另外一个菜单的收缩和展开带有过渡效果,需要借助mootool来辅助实现。
可以为一条规则中的选择符分组,那么声明也应该能够分组。在这里用分号作为一条声明的结束,这样可以显得更加清楚,因为一条规则里可能含有多个声明。这样还能使样式表更加紧凑、有组织、易于阅读。
分组可以让作者大量地压缩某种类型的样式分配,否则它们会占用很长的样式表,规则将被同时应用于两个选择符。逗号告诉浏览器在这一条规则中包含两个不同的选择符。
声明的格式是固定的,某个属性(property)后跟一个冒号,然后是其取值。最后,这条声明以分号(;)作为终结。而值可以是单个关键字(keyword)或者是由空格所分开的一串关键字组成的。
最基本的选择符是一个文档中的某个元素。在XML里,可以是任何东西。另一方面,如果是为HTML定制样式,常常是使用某个HTML的元素,像P、H3、EM、A或者是BODY元素。
利用CSS来实现鼠标经过网页中图片时的缩略放大效果,因为有时候我们的网页布局中没有足够大的空间来放置原始尺寸的图片,并且也不想把尺寸调小的图片光秃秃的摆放在那里。本文讲述的CSS技巧可以让我们在网页中预先放置尺寸较小的缩略图,而当鼠标上移时,图片能显示其全貌。
CSS的主要功能就是将某些规则应用于文档中同一类型的元素,这样可以减少网页设计者大量的工作。用更加容易的方式能得到一样的效果。只需要在文档的样式表里定义下面这样一条规则即可。
而样式表能提供一种简单、方便、强有力的方式来摆脱这个困境。CSS给设计者的一个最大的便利,就是能将一套样式应用于同种类型和所有元素的这一能力。CSS给设计者的一个最大的便利,就是能将一套样式应用于同种类型和所有元素的这一能力。这可能说得还不够明白,但考虑一下:编辑CSS中的某一行就能够改变所有标准的颜色。