@*使用CSS的方式，内联式，嵌入式，外联式
        内联式，在html元素的style属性里面设置
        嵌入式，在<style></style>标记块里面设置
        外联式，把CSS设置在一个独立的以.CSS为后缀的文件中，
        嵌入式和外联式通常放置于head标签之中*@
    <link rel="stylesheet" href="~/css/site.css" />
    @*选择器：标签选择器，类选择器，Id选择器，所有元素*@
    @*优先级：行内样式，id选择器，类选择器，标签选择器，*选择器*@
    <style>
        p {
            color: blue;
        }
        #primary {
            background-color:aquamarine;
        }
        .red {
            color:red;
        }
        * {
            color:cadetblue;
        }
    </style>
    @*样式的选择：
    1.仅仅适用于某一个特定元素，没有任何重用价值，就直接使用行内样式（内联式）
    2.仅仅在某一个特定页面中重用，就使用页内样式（嵌入式）
    3.需要在多个页面中重用，就使用外部样式（外联式）*@

</head>
<body background="images/bike.jpg">
    <p>我是高手</p>
    @*canvas标签默认是300*150，需要开发人员用js开发*@
    @*<canvas width="150" height="150"></canvas>*@
    <p id="primary">我是高手</p>
    <p class="red">我是高手</p>