CSS学习笔记

CSS 基础语法

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

提示：请使用花括号来包围声明。

记得写引号

提示：如果值为若干单词，则要给值加引号：

p {font-family: "sans serif";}

CSS 选择器

CSS 派生选择器

可以这样定义一个派生选择器：

li strong {
    font-style: italic;
    font-weight: normal;
  }

CSS id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

id 选择器以 "#" 来定义。

在现代布局中，id 选择器常常用于建立派生选择器。

#sidebar p {
	font-style: italic;
	text-align: right;
	margin-top: 0.5em;
	}

CSS 类选择器

在 CSS 中，类选择器以一个点号显示

.center {text-align: center}

和 id 一样，class 也可被用作派生选择器：

.fancy td {
	color: #f60;
	background: #666;
	}

CSS 属性选择器

可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。用[]表示。

下面的例子为带有 title 属性的所有元素设置样式：

[title]
{
color:red;
}