1 迷惑与问题：
(1)css定义的外部样式与内部样式能不能同时使用？
2 编程体验
(1)css定义的样式都要放在<style type="text/css"> </style>标签中。
(2)在样式标签范围内，不能使用html的注释符号<!-- -->
(3)1em指定是一个字体的大小，浏览器默认字体为16px，因此1em=16px;当在CSS中使用px时，IE无法调整使用px为单位的字体的大小，而使用em为单位则可以。(火狐都支持).
为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。
对于汉字，只需在body选择器中把62.5%换成63%就能正常显示了。
(4)CSS 框模型概述
提示：背景应用于由内容和内边距组成的区域。
提示：内边距、边框和外边距可以应用于一个元素的所有边，也可以应用于单独的边。
提示：外边距可以是负值，而且在很多情况下都要使用负值的外边距。
浏览器兼容性:不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。
(5)请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。如：每个 div 把每条新闻的标题和摘要组合在一起。
(6)记住：请最大限度地使用 CSS 来进行布局。在 web 标准的世界里，XHTML 标记与表现无关，它只与文档结构有关。
(7)根据它们的意义使用元素，而不是根据它们的外观(ru:我们都一直习惯于认为，h1 意味着大号字，而li意味着圆点)不要这么干。
(8)从今天开始，我们将要使用 CSS 来决定元素的外观。CSS 可以将表现从结构中彻底抽离，并且允许你按照你喜欢的样式来格式化任何元素。
2 笔记
(1)理解 div 元素的关键，“一种添加结构的通用机制。”
(2)选择器通常是您需要改变样式的 HTML 元素。
当某一 id 属性作为一个有磁性的东西（磁铁）被用于一系列特定的 CSS 规则时，它被称为CSS选择器。
(3)CSS 规范指出，边框绘制在“元素的背景之上”。
(4)忘记声明边框样式是一个常犯的错误;由于 border-style 的默认值是 none，如果没有声明样式，就相当于 border-style: none。因此，如果您希望边框出现，就必须声明一个边框样式。
(6)一系列的段落元素占用空间非常小的原因，因为它们的所有外边距都合并到一起，形成了一个小的外边距