CSS学习:CSS快速入门

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>CSS快速入门</title>

    <!-- 规范,<style>可以编写CSS的代码,每一个声明最好使用分号结尾

    语法:  ---内部样式

        选择器{

            声明1;

            声明2;

            声明3;

        }

    -->

    <style>

        h1{

            color: red;

        }

    </style>

    <!-- 外部引用 --外部样式-->

    <link rel="stylesheet" href="CSS快速入门.css">

    <!-- 三种引用的优先级:就近原则,谁离代码更近谁的优先级更高 -->

</head>

<body>

    <h1>一级标题</h1>

    <h2>二级标题</h2>

    <!-- CSS的第一种引用:

    行内样式:在标签元素中,编写一个style属性,编写样式即可

    -->

    <h3 style="color: aqua;">三级标题</h3>

</body>

</html>


 

<!-- 拓展

    外部样式导入方式有两种:

    ①链接式

    <link rel='stylesheet' href='CSS快速入门.css'>

    ②导入式

    <style>

        @import url('CSS快速入门.css')

    <style/>

 -->

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值