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>

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

巴特西

HTML&CSS基础-CSS的语法

最新文章

热门文章