css3的三种使用方法分别是什么

这篇文章给大家介绍css3的三种使用方法分别是什么，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

创新互联建站专业为企业提供齐河网站建设、齐河做网站、齐河网站设计、齐河网站制作等企业网站建设、网页设计与制作、齐河企业网站模板建站服务，十多年齐河做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

css3的三种使用方法：1、内联样式，语法为“<元素 style="css样式代码;">”；2、内部样式，语法为“”；3、外部样式，语法为“”。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3的三种使用方法是什么

一、内联样式

内联样式通过style属性来设置，属性值可以任意的CSS样式。

  
  
  
      
      
  
  
      I  love  China!

  
 

显示效果：

二、内部样式

内部样式定义在文档的head部分，通过style标签来设置。需要使用元素选择器（p）来关联样式和要设置样式的标签（p标签）。

  
  
  
     
      
     
         p{ 
              background: green;
          }
    
 
 
    
 I  love  China!
 
 

效果：

三、外部样式

在文档外的*.css定义css样式，然后在文档的head部分通过link元素引入。

  
  
  
      
      
      
  
  
      
 I  love  China!

 

style.css文件内容：

p{ 
             background: yellow;
        }

显示效果：

a.在一个外部样式表中导入其他样式表的样式

combine.css文件中导入上面的style.css

@import "style.css";
 body{
     background: red;
}

HTML文件中引入combine.css文件

  
  
 
      
      
      
  
  
      
 I  love  China!
 
 　

效果：

关于css3的三种使用方法分别是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

网站栏目：css3的三种使用方法分别是什么
标题网址：http://cdxtjz.com/article/ipgdgi.html