CSS学习记录

id选择器

id 选择器以 "#" 来定义

#red {color:red;}
#green {color:green;}

id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。

<p id="red">这个段落是红色。</p>
<p id= "green">这个段落是绿色。</p>

注意：id 属性只能在每个 HTML 文档中出现一次

类选择器

类选择器以一个点号显示：

.center {text-align: center}

h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

<h1 class="center">
This heading will be center-aligned
</h1>

<p class="center">
This paragraph will also be center-aligned.
</p>

注意：1、类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。

      2、class属性重复使用。

padding属性（内边距）

margin属性（外边距）

css中允许margin指定少于4个值。

换句话说，如果为外边距指定了 3 个值，则第 4 个值（即左外边距）会从第 2 个值（右外边距）复制得到。如果给定了两个值，第 4 个值会从第 2 个值复制得到，第 3 个值（下外边距）会从第 1 个值（上外边距）复制得到。最后一个情况，如果只给定一个值，那么其他 3 个外边距都由这个值（上外边距）复制得到。

h1 {margin: 0.25em 1em 0.5em;}	/* 等价于 0.25em 1em 0.5em 1em */
h2 {margin: 0.5em 1em;}		/* 等价于 0.5em 1em 0.5em 1em */
p {margin: 1px;}			/* 等价于 1px 1px 1px 1px */

border属性（边框）

.

.

.

还只是一些皮毛，未完待续...