📌  相关文章
📜  HTML |样式属性

📅  最后修改于: 2021-10-31 05:41:29             🧑  作者: Mango

HTML 中的样式基本上是描述文档在浏览器中的呈现方式的规则。样式信息既可以作为单独的文档附加，也可以嵌入在 HTML 文档中。
在 HTML 中有 3 种实现样式的方法：

  1. 内联样式：在此方法中，样式属性用于 HTML 开始标记内。
  2. 嵌入样式：在此方法中，样式元素在文档的 元素内使用。
  3. 外部样式表：在该方法中的元素用来指向一个外部CSS文件。

支持的标签：它支持所有 HTML 元素。

内联样式：在内联样式中，CSS 规则使用 style 属性直接写在起始标签内。 style 属性包括一系列 CSS 属性和值对。每个“属性：值”对由分号 (;) 分隔。

  • 例子：
html



   


 
    

        Example of Inline Style
    

 
    
First paragraph

 
 
    

        Second paragraph
    

 
 
    

 

 

html


 

    

 

    
Example of Embedded Style

     

First paragraph.

 

 

html



    


    
Example of Linking External Style Sheet

     

First paragraph.

 

html






    
Example of external style sheet using import

     

First paragraph

 

  • 输出 ：

嵌入样式：嵌入或内部样式表仅影响它们嵌入的文档。嵌入样式表使用       

Example of Embedded Style

     

First paragraph.

   
  • 输出 ：

外部样式表：当 CSS 必须应用于各种网页时，外部样式表方法会很有用。外部样式表将所有样式规则保存在单独的文档中，您可以从站点上的 HTML 文件链接该文档。
有两种附加外部样式表的方法 –

  • 链接外部样式表
  • 导入外部样式表

链接外部样式表：
在此方法中，外部样式表使用 标签链接到 HTML 文档。

  • 例子：

html 




    


    
Example of Linking External Style Sheet

     

First paragraph.

 
  • 输出 ：

导入外部样式表：
可以使用“@import”将外部样式表加载到 HTML 文档中。 “@import”语句指示浏览器加载 CSS 文件。也可以使用     

Example of external style sheet using import

     

First paragraph

 

支持的浏览器： style属性支持的浏览器如下：