• 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>

    效果图:

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

  • 相关阅读:
    9、传统计算机视觉 —— 边缘检测
    五、Clion和STM32CubeMx---TIM定时器
    Android提供了多种方式来打开特定文件夹中的视频
    【剑指Offer】11.旋转数组的最小数字
    latex的安装及设置(为学术服务)
    职场沟通原则
    ThinkPHP和uniapp开发的CRM售后管理系统(客户、合同、工单、任务、报价、产品、库存、出纳、收费)
    LLaMA 2 - 你所需要的一切资源
    3.深入理解Java并发编程
    学校图书馆管理系统
  • 原文地址:https://blog.csdn.net/m0_71814235/article/details/125442643