打卡HTML5+CSS3学习（3）

VIP文章月亮不亮了---

已于 2022-03-24 16:03:37 修改

阅读量98

点赞数 1

分类专栏： HTML+CSS网页学习文章标签： css3 html5

于 2022-03-24 16:03:21 首次发布

本文链接：https://blog.csdn.net/weixin_64665051/article/details/123713622

版权

01-体验CSS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*css(1)内嵌式写在style标签中*/
        /*这里写的都是CSS*/
        p{
            /*自定义颜色属性*/
            /*CSS层叠性样式，后面的覆盖前面的*/
            color: red;
            color: aqua;
            /*字的尺寸*/
            font-size: 30px;
            background-color: green;
            /*width  height*/
            width: 400px;
            height: 400px;
        }
    </style>
</head>
<body>
    <p>这是一个P标签</p>
    
</body>
</html>

02-CSS引入方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--关系：样式表-->
    <link rel="stylesheet" href="./my.css">
</head>
<body>
    <!--css能写在哪里-->
    <p>这是一个P标签</p>    
</body>
</html&g

最低0.47元/天解锁文章

月亮不亮了---

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
打卡HTML5+CSS3学习（3）

01-体验CSS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
复制链接

扫一扫