#笔记#圣思园 JavaWeb 第2讲——CSS层叠样式表Cascading Style Sheets

1.CSS——Cascading Style Sheets

Style——样式，定义了HTML怎样显示

                样式一般存储在样式表中

使用CSS，HTML文档可以用不同的样式输出显示

外部样式表，存储在CSS文件中

内嵌样式表，使用<style>标签，在head区域定义样式

行内样式，直接定义在元素上面，内容和元素混淆在一起，优先级最高。在相关标签上，使用style属性来加入行内样式。

2.CSS语法由三部分组成：选择器、属性、值——selector{property : value}

选择器：例如     body { color：black }

类选择器：p.right{text-align:right}表示：段落中，凡是使用right选择器类的，就用大括号中的方式布局。必须在HTML文档中使用类属性，才能显示出效果。<p class = "right">This paragraph will be right-aligned.</p>。每一个HTML元素，只能有一个类属性。

ID选择器：#green{color : green}表示：对任何一个带有id属性值为green的元素，都匹配

                  p#green{color : green}表示：匹配任何一个带有id属性值为“green”的p元素