w3school之CSS001

1.使用 CSS 同时控制多重网页的样式和布局。

2.id 属性只能在每个 HTML 文档中出现一次.

3.id 选择器以 "#" 来定义

#sidebar h2 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	line-height: 1.5;
	text-align: right;
	}

4.类选择器以一个点号显示(类名的第一个字符不能使用数字)

.center {text-align: center}

5.属性选择器

[title]
{
color:red;
}

属性和值选择器

[title=W3School]
{
border:5px solid blue;
}

值中由含空格分隔

[title~=hello] { color:red; }

值中包含连字符分隔

[lang|=en] { color:red; }

总结：

选择器	描述
[attribute]	用于选取带有指定属性的元素。
[attribute=value]	用于选取带有指定属性和值的元素。
[attribute~=value]	用于选取属性值中包含指定词汇的元素。
[attribute|=value]	用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。
[attribute^=value]	匹配属性值以指定值开头的每个元素。
[attribute$=value]	匹配属性值以指定值结尾的每个元素。
[attribute*=value]	匹配属性值中包含指定值的每个元素。

6.不要在属性值与单位之间留有空格。使用 “margin-left: 20px” 而不是 “margin-left: 20 px”

7.背景图像（如果需要设置一个背景图像，必须为这个属性设置一个 URL 值）

body {background-image: url(/i/eg_bg_04.gif);}

CSS 背景属性

属性	描述
background	简写属性，作用是将背景属性设置在一个声明中。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。

8.处理空白符：

值	空白符	换行符	自动换行
pre-line	合并	保留	允许
normal	合并	忽略	允许
nowrap	合并	忽略	不允许
pre	保留	保留	不允许
pre-wrap	保留	保留	允许

9.1em 就等于 16 像素。

10.

11.