在html中嵌入css的三种方法

要利用CSS（层叠样式表）在html中实现如下效果。

1、嵌入式样式，插入到style标签中

    

 
  
  
  
  
  
  
                      
 
 
 
What to buy
Dont forget to buy this stuff.

  
A tin of beans
  
Cheese
  
Milk


 

2、第二种方法：写在具体的元素中，比如这个css是对整个body元素起作用，就写在body中，代码如下

 
  
  
  
  
  
  
 
 -
 
What to buy
Dont forget to buy this stuff.

  
A tin of beans
  
Cheese
  
Milk


 

3、写到一个css文件中，然后利用link进行调用，link语句写在body之前，包括href、rel和type。

其中href属性指向了一个外部样式表的位置（URL）。

超链接的 URL。可能的值：

• 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/theme.css"）
• 相对 URL - 指向站点内的某个文件（href="/themes/theme.css"）

（1）css文件的代码为

body{
  color:white;
  background-color:black;
  }

（2）htnl代码为

 
  
  
  
  
  
  

 


 
What to buy
Dont forget to buy this stuff.

  
A tin of beans
  
Cheese
  
Milk