微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS-css的三种导入方式

CSS

css即Cascading Style Sheet层叠(级联)样式表,主要是美化网页

css的优势

  1. 内容和表现分离

  2. 网页结构表现统一,可以重复使用

  3. 样式十分丰富

  4. 利于SEO,容易被搜索引擎收录

建议使用独立html的css文件

css的三种导入方式

优先级的问题是就近原则

<!DOCTYPE html>
<html lang="en">
<head>
   <Meta charset="UTF-8">
   <title>Title</title>
<!--内部样式-->
       <!--规范 <style> 可以编写css的代码,每一个声明最好都使用分号结尾
   语法:
       选择器{
           声明1;
           声明2;
           声明3;
       }
   -->
 <style>
   h1{
     color:green;
  }    
 </style>
   <!--外部样式-->
   <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--优先级是就近原则-->

<!--行内样式,在标签元素中,编写一个style属性,按要求编写样式即可-->
<h1 style="color: red">我来组成头部</h1>
</body>
</html>

 

h1{
   color:yellow;
}

拓展:外部样式两种写法:

  • 链接

    html

    <!--外部样式-->
    <link rel="stylesheet" href="css/style.css">
  • 导入式

    @import 是CSS2.1特有的

    <style>
    @import url("css/style.css")
    </style>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。