CSS 是一种格式化语言,用于提供更多的自定义网页并在使用相同样式的情况下简化制作多页面的工作。
CSS 代表
层叠样式表。遗憾的是,虽然它是迄今为止生产的最好的格式化语言,但并非所有浏览器都能很好地处理 CSS。
一些非常流行的浏览器并不像应该的那样处理 CSS。特别是微软的 Internet Explorer,并且需要克服浏览器渲染的多种差异。
每次您在 Xoops 中查看主题时,请务必记住对 styleMAC 和 styleNN 进行调整。要查看样式是否编写良好,只需比较 IE 和 Mozilla Firefox 中的同一页面。理想情况下,两者都将正确显示且无差异,但这并不总是可能的。
使用 CSS,您可以定义颜色、背景、边框、边距、对齐、字体、大小以及您网页几乎所有其他部分的许多内容。
“层叠”这个词描述了 CSS 的许多特性。首先,这意味着可以同时使用多个样式表,浏览器将它们合并以为每个元素提供一个计算后的样式。
如果一个元素定义的样式相互冲突,那么较后定义的样式将被使用,除非另一个样式更具体地引用了该元素(例如,如果所有段落都设置为红色,但一个位于
<div>
中的段落被设置为蓝色,则蓝色将覆盖红色,用于 div 中的段落,因为它更具体地指明了期望的元素)。
层叠还意味着每个对象从其父对象或父类继承。这些父类与 JavaScript 中的父对象不同,但使用了一个类似的概念。对象通过其元素标签引用。结构中最高的对象是 body。如果某些元素没有自己的 CSS 定义,但是 body 有,那么层叠的行为意味着它们将从 body 继承。因此,如果在 body 中定义文本颜色为白色,则任何表格都将具有白色文字
每个元素都可以应用一个
类。例如,如果我们把'p'标签的文字颜色定义为红色,那么所有的段落都将显示为红色。但是,如果然后我们定义一个名为mybold的段落类,其中文字是加粗的,并且我们创建了一个class为mybold的段落,那么它将显示加粗文字。但请注意,样式表会级联,并且元素会从其父类继承,所以class为mybold的段落中的文字也将是红色。如果我们把class mybold定义为蓝色文字,那么蓝色将覆盖红色,并且class为mybold的段落中的文字将变为蓝色。
CSS的一个特性是,如果浏览器不理解某些东西,它将忽略它并转到下一个属性(但在使用内联样式时,Netscape 4除外。)它不会显示警告。
本FAQ的目的不是教你所有可能应用的各种样式,而是向你展示CSS中预期的语法。