css与html结合的四种方式

1.使用div标签的style属性

<div style="background-color:red;color=gray">演示css与html的结合方式</div>

注意:属性和属性值之间用冒号分开,属性和属性之间用分号分开

2.使用html的style标签,将该标签写在head里面

    <style type="text/css">
        div{
            background-color:black;
            color:red;
        }
    </style>

3.在style标签里使用语句@import url( css文件的路径)

 <head>
    <title>html示例</title>
    <style type="text/css">
        @import url(div.css);
    </style>
   </head>

4.使用头标签link,引入外部css文件

第一步,创建一个css文件

<link rel="stylesheet"  type="text/css" href="css文件的路径">

5.css代码的优先级

从上到下,从外到内优先级依次升高。也就是说后加载的优先级会比较高(一般情况下是这样)

猜你喜欢

转载自blog.csdn.net/ll123c/article/details/88780716