CSS 中嵌入样式表的使用

CSS 样式表用于描述以 HTML 编写的文档的呈现方式。它提供颜色、布局、背景、字体和边框属性，同时还允许更好的内容可访问性、增强的灵活性和控制，以及表示特性的规范。 CSS 样式表可以通过 3 种方式应用于 HTML 文档——内联样式、嵌入样式表和外部样式表。

嵌入式样式表：它允许您在一个地方为整个特定 HTML 文档定义样式。这是通过在文档头部嵌入包含 CSS 属性的标记来完成的。嵌入式样式表对于在项目中的其余文档中具有独特样式要求的 HTML 文档特别有用。但是，如果需要跨多个文档应用样式，则应链接到外部样式表，而不是使用单独的嵌入样式表。使用嵌入式样式表与内联样式相比具有明显的优势，内联样式一次只允许您处理一个 HTML 元素。

语法：嵌入样式表的 CSS 语法与其他 CSS 代码完全相同，除了它现在包含在 标记中。 标记中。这些属性将应用于 HTML 文档中的所有相应元素。

HTML

  

    
      
    
    

  

    
Welcome To GFG
    
This document is using an embedded stylesheet!
    
This is a paragraph
    
This is another paragraph

  

输出：

所有

元素都使用嵌入式 CSS 中提供的样式设置样式。

示例 2：当 CSS 规则集列表插入到 style 元素中时，它会将关联的属性应用于网页上的所有元素。如果您希望对一个元素或一组元素更有选择性和更清晰的样式，请使用类和 ID，如下所示。

HTML

  

    
  
    
    

  

    
Welcome To Geeks for Geeks
    

        This document is using an 
        embedded stylesheet!
    
  
    
This is a paragraph
    
This is another paragraph

  

输出：

特定的

元素已使用 class 属性设置样式。