2.CSS使用基础

一.css颜色的四种表示法：

1.使用英文单词

p { 
    color: red; 
}

2.使用十六进制的颜色值 #ff0000

p { 
    color: #ff0000;
 }

3.为了节约字节，我们可以使用 CSS 的缩写形式： 

p {
 color: #f00;
 }

4.通过两种方法使用 RGB 值：

p { 
    color: rgb(255,0,0);
 } 
p {
     color: rgb(100%,0%,0%);   
  }

二.使用css 4种方式（优先级：内联式 > 嵌入式 > 外联式）

1.内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

<h1 style="text-align:center;">Center-aligned heading</h1>

2.嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

<!--在head 的style 标签里定义-->
<style type="text/css">
body {
    background-color:yellow;
}
p {
    color:blue;
}
</style>

3.外联式Linking（也叫外部样式）：将网页链接到外部样式表。(推荐使用link标签）

<!-- 使用link 标签 -->
<link rel="stylesheet" type="text/css" href="css/styles.css">

<!-- 使用import -->
<style type="text/css">
 @import url(css/mycss.css);
</style>