【CSS的基本概念和作用】
|
【概念】：CSS (Cascading Style Sheet) 中文译为层叠样式表，是一系列格式规则，用于控制网页内容的外观(样式)并允许将样式信息和网页内容分离的一种标记语言。HTML与CSS的关系就是“网页结构”与“表现形式”的关系。
|
【作用】：用于网页中样式的定义，解决内容与表现分离的问题。
【CSS的基本语法和基本使用方法】
|
【基本语法】：CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
| selector{declaration1; declaration2; ... declarationN }
| 每条声明由一个属性和一个值组成，每个属性有一个值。属性和值被冒号分开。
| selector {property: value}
【基本使用方法】：
内联样式：直接对HTML的标记使用style属性，将CSS代码直接写在其中。
<p style="color: sienna; margin-left: 20px">This is a paragraph</p>
内部样式表：将CSS写在<style>与</style>之间。
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
外部样式表： <head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>。
【CSS的层次及其作用优先级】：样式表的优先级由高到低：行内样式表(内联样式表) > 内部样式表 > 外部样式表
补充规则： 优先级相同的情况下，后定义的属性会覆盖先前定义的。
标有"!important"的规则有最高优先级
