欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端的学习之路:初级CSS---css语法

程序员文章站 2022-05-10 11:49:41
...

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>
 <!-- <link rel="stylesheet" href="../chujicss/css/11.15.02.style.css"> -->
    <style>
        /*
        css的基本语法:
           选择器  声明块

           选择器:通过选择器可以选中页面中的指定元素
                  比如 p 的作用就是选中页面中所有的p元素
                  
            声明块:通过声明块来指定要为元素设置的样式
                    声明块是由一个一个的声明组成
                    声明是一个名值对结构
                        一个样式对应一个样式值,名和值之间以:连接,以;结尾      
        */

        p {
            color: darkmagenta;
            /*这是一个声明*/
            font-size: 40px;
            /*这也是一个声明*/
        }

        h1 {
            color: darkturquoise;
            /*这是一个声明*/
            font-size: smaller;
            /*这也是一个声明*/
        }
    </style>
   
</head>

<body>
    <p>重庆</p>
    <p>天津</p>
    <h1>城市</h1>
</body>

</html>

运行结果为:
前端的学习之路:初级CSS---css语法