html 笔记：CSS

1 什么是CSS

• CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表中

1.1 css的语法格式

1.1.1 选择器种类

• HTML选择器： 重新定义HTML的某种标签的显示格式
• id选择器 对于HTML文档中的某个标签，定义它的显示格式
• class选择器    对于HTML文档中的某类标签，定义它的显示格式

1.1.2 HTML选择器

   
      
 	    
    
    
	    
 HTML选择器的使用
     

1.1.3 ID选择器

前面加#

   
      
 	    
    
    
	    
 不使用ID选择器
		
 使用ID选择器
     

1.1.4 class选择器

前面加.

   
      
 	    
    
    
	    
 不使用class选择器
		
 使用一个class选择器
		
 使用两个class选择器
     

 

1.1.5 class选择器与ID选择器的区别（唯一性）

• 在一个 HTML 文档中，每个 id 的值必须是唯一的。一个元素不能有多个 id，并且在一个页面中每个 id 只能使用一次。
• class 可以用于多个元素，而且一个元素可以有多个 class。

2 三种不同的样式表

2.1 嵌入样式表

前面1.1.2~1.1.4的内容

2.2 内联样式表

写在body里面

   
      
    
    
	    
 不使用CSS内联样式表
		
 使用CSS内联样式表
     

2.3 外联样式表

首先建立一个外部的css格式的文件（h1.css)，内容和class样式表一致：

   
      
	  
	  
    
    
	    
 不使用class选择器
		
 使用一个class选择器
		
 使用两个class选择器
     

• rel 属性的值 "stylesheet" 表示被链接文档是一个样式表，并且它应用于当前的 HTML 文档
• href指定了被链接文档的位置