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>
上一篇:如何实现组合选项的unordered_set或unordered_map


下一篇:怎么让html表单元素自动充满浏览器窗口,并且自适应浏览器各种窗口大小?