Gallery:CSS参考

Sections which need expansion (i.e. more detail, clarification, etc...)

CSS概览

CSS全称是Cascading Style Sheets（层叠式风格页），是从内容中分离出风格的一种手段。更多有关CSS的信息和例子可以在W3Schools.com上找到。

外观主题和CSS

通过修改外观主题可以轻易地改变Gallery的外观。每个外观主题都有theme.css文件。Gallery中所有的CSS都是在此文件中进行定义的。

如果你在使用默认的外观主题"matrix"的话，那对应的theme.css的位置就是：

 gallery2/themes/matrix/theme.css

未使用的Hook

如果你在编辑模板的话，可能会碰上如下的HTML代码：

 <span class="date summary">

这通常是在ItemInfo.tpl中。你会注意到在默认的theme.css中没有"date"或"summary"类别。

要改变ItemInfo 区块的外观，你可以将下面的代码行加入themes.css中：

 div.block-core-ItemInfo { }

如果你想修改所有摘要内容的话：

 div.block-core-ItemInfo .summary { }

或日期：

 div.block-core-ItemInfo .date { }

在摘要中，开发者以为你准备好hook了，尽管这些hook在默认外观主题中可能还没被用到。这就使得你避免了在外观主题目录外修改模板的必要并增进了外观主题的移植性。

回顾

Gallery2 alpha和早期的beta版本将外观主题和布局是分开看待的。Gallery 2.0则将二者结合起来并统称为外观主题。

由于外观主题和布局的分离，CSS就需要遵循严格的标准才能适应多个布局及外观主题的组合。结果，在你编辑CSS时会看到使用了一些前缀。因此如果你自己做外观主题的话，这些都要遵守，但也会发现这对判别CSS代码的用处也有帮助。CSS中常见的前缀有：

• gb - Gallery Block
• gc - Gallery Class
• gi - Gallery Item
• gs - Gallery Section

遵守标准的与否取决于外观主题制作者。因为这不再是保证兼容性的硬性指标了。