css与html结合的四种方式

本文介绍了四种在HTML中使用CSS的方法:直接使用div标签的style属性、使用html的style标签、使用@importurl导入样式表以及使用link标签引入外部CSS文件。同时讲解了CSS代码的优先级规则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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代码的优先级

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

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值