CSS 规则由两个主要的部分构成:选择器(元素),以及一条或多条声明:
提示:请使用花括号来包围声明。
提示:如果值为若干单词,则要给值加引号。
继承及其问题
根据 CSS,子元素从父元素继承属性。
派生选择器
li strong { font-style: italic; font-weight: normal; }我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用
在上面的例子中,只有 li 元素中的 strong 元素的样式为斜体字,无需为 strong 元素定义特别的 class 或 id,代码更加简洁。
- 我是斜体字。这是因为 strong 元素位于 li 元素内。
- 我是正常的字体。
id 选择器
#sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; }
应用于出现在 id 是 sidebar 的元素内的段落
类选择器
在 CSS 中,类选择器以一个点号显示:
.center {text-align: center}
元素也可以基于它们的类而被选择:
td.fancy { color: #f60; background: #666; }
CSS 属性选择器
下面的例子为带有 title 属性的所有元素设置样式:
[title]{color:red;}
下面的例子为 title="W3School" 的所有元素设置样式:
[title=W3School]{border:5px solid blue;}
如何创建 CSS
外部样式表 <link>
内部样式表 <head>内部的<style>
内联样式表 标签内使用样式(style)属性<p style
="color: sienna; margin-left: 20px">
继承和优先级,重合的内部高于外部,不重合的叠加