CSS的引入方式

前端开发 作者: 2024-06-14 17:25:01
CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例:<h1 "color:red;">st

CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。

一、行内样式

使用style属性引入CSS样式。

示例:

实际在写页面时不提倡使用,在测试的时候可以使用。

例如:




  
  行内样式


     
     

二、内部样式表在style标签中书写CSS代码。style标签写在head标签中。示例:  

我是DIV

三、外部样式表CSS代码保存在扩展名为.css的样式表中HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。语法:1、链接式2、导入式

  1. 1111
  2. 2222

链接式和导入式的区别1、属于XHTML2、优先加载CSS文件到页面@import1、属于CSS2.12、先加载HTML结构在加载CSS文件。

四、CSS中的优先级

1、样式优先级

行内样式>内部样式>外部样式(后两者是就近原则)

例如:

行内样式和内部样式比较优先级:




  
  行内样式和内部样式表的优先级
    
  
  
   


     

我是p段落

我是div
  1. 1111
  2. 2222

浏览器运行效果:

b、外部样式表在内部样式表上面




  
  内部样式表和外部样式表的优先级
    
   
    
  


                                 
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_27037.html
CSS的引入方式

本站采用系统自动发货方式,付款后即出现下载入口,如有疑问请咨询在线客服!

售后时间:早10点 - 晚11:30点

咨询售后客服

推荐模板

推荐精华

热门标签