• css一些常见属性


     <style>

            /* 用标签名命名的选择器,我们就叫选择器 */

            h1{

    /* 声明 */

    /* 一条声明,由两部分组成,由属性名:(该属性对应的 值

                             属性名不能改,官方规定怎么写,你就怎么写;值可以由你任意设置*/

            color: pink;

     }

     p{

        /* 字号大小:font就是“字体”,size就是“尺寸”。px是“像素”。

    单位必须加,不加不行。 */

        font-size: 20px;

        /* 字符(文字)颜色: color属性的值,可以是英语单词,比如red、blue、yellow等等;也可以是rgb、十六进制。*/

        color: skyblue;

        text-align: center;

        outline: 1px dashed greenyellow;

     }

        </style>

    </head>

    <body>

        <h1>大金毛</h1>

        <h1>大金毛</h1>

        <h1>大金毛</h1>

        <p>阿拉斯加</p>

        <p>阿拉斯加</p>

        <p>阿拉斯加</p>

        <p>阿拉斯加</p>

        <p>阿拉斯加</p>

        <p>阿拉斯加</p>

    </body>

    效果图:

     

     <style>

            h1{

                /* 文本颜色 */

                color: skyblue;

                /* 字号大小 */

                /* ctrl+空格  另起一行 */

                font-size: 130px;

                /* 背景色 ,background就是“背景”

                bgc 快捷方法*/

                background-color: #fff;

                /* fwn 快捷方式 不加粗 */

                font-weight: normal;

                /* 斜体  fsi快捷方法*/

                font-style: italic;

                /* 内容水平居中

                快捷方法 tac*/

                text-align: center;

            }

            em{

                /* 文本颜色 */

                color: skyblue;

                /* 字号大小 */

                /* ctrl+空格  另起一行 */

                font-size: 130px;

                /* 背景色 */

                background-color: #fff;

                /* 不倾斜  fsn 快捷方法*/

                font-style: normal;

            }

            i{

                  /* 文本颜色 */

                  color: skyblue;

                /* 字号大小 */

                /* ctrl+空格  另起一行 */

                font-size: 130px;

                /* 背景色 */

                background-color: #fff;

                /* 不倾斜  fsn 快捷方法*/

                font-style: normal;

            }

            p{

                /* 文本颜色 */

                color: aquamarine;

                /* 字号大小 */

                font-size: 160px;

                /* 背景颜色   bgc  快捷方式 */

                background-color: #fff;

                /* fwb  快捷方式  加粗字体

                font是“字体” weight是“重量”的意思,bold粗*/

                font-weight: bold;

              /* 内容水平居中 */

              text-align: center;

            }

            a{

                font-size: 130px;

                /* 去除下划线

                tdn 快捷方法*/

                text-decoration: none;

            }

            /* 鼠标悬停 */

            a:hover{

                color: rgb(91, 224, 224);

                /* 下划线 */

                text-decoration: underline;

            }

        </style>

    </head>

    <body>

        <h1>李大熊</h1>

        <p>hello,李大熊</p>

        <em>女人</em>

        <i>哈哈</i>

    <br><br>

        <a href="">百度一下就知道

        </a>

    效果图:

     (百度一下就知道悬停效果会变色)

  • 相关阅读:
    详解 canal 同步 MySQL 增量数据到 ES
    zabbix item监控项的基本配置
    C#控制台连接Mysql数据库,有配置数据库连接字符串的配置文件
    网络学习总结
    Android | 关于 OOM 的那些事
    昨晚直播小鱼搞了个开源库之FishProtocol,目前已经两颗星
    解码字母到整数映射(Java算法每日一题)
    【C++】&与&&用法总结
    什么是堆栈和队列?如何实现它们?
    【目标检测】one-stage------YOLO v2浅析-2016
  • 原文地址:https://blog.csdn.net/m0_71814235/article/details/125442643