HTML&CSS基础-CSS的语法

　　　　　　　　　　　HTML&CSS基础-CSS的语法

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.dome.html源代码

<!DOCTYPE html>
<html>
    <head>
       <title>尹正杰的网页</title>
       <meta charset="utf-8"/>
       
       <!--
            注意，写在"<style></style>"元素里的代码并不属于"<html></html>"元素管理哟，因此一些html标签的语法在style,比如"<h1></h1>","<a ></a>","<img />"包括注释等，均不可以在"<style></style>"标签中使用。
       -->
       <style type="text/css">
        p{
            color:yellow;
            font-size:50px;
        }
        
        /*
            这里是css的注释，作用和HTML注释类似，只不过它必须编写在style标签中，或者是css文件中。换句话说，不难将"/**/"的CSS注释语法在HTML标签中使用。
            
            CSS的语法:
                选择器 声明块
            
            功能概述:
                选择器:
                    通过选择器可以选中页面中指定的元素，并且将声明块中的样式应用到选择器对应的元素上。
                    
                声明块:
                    声明块紧跟在选择器的后边，使用一对{}括起来;
                    声明块中实际上就是一组一组的键值对结构，这一组一组的的键值对我们称之为声明;
                    在一个声明块中可以写多个声明，多个声明之间使用";"隔开;
                    声明的样式名和样式值之间使用冒号(":")来连接
        */

       </style>
         
    <head>
        
    <body>         
        <!--
            虽说font标签可以将字体设置为红色，但我们并不推荐这样使用，而是推荐使用css来修饰。
        -->
        <h1>我的博客地址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1>
        
        <p><<静夜思>></p>
        <p>窗前明月光，疑是地上霜</p>
        <p>举头望明月，低头思故乡</p>
        
    </body>
</html>

二.浏览器打开以上代码渲染结果