CSS和HTML的四种结合方式

Pʜ .546 2022-07-31 11:05:58

1.每个HTML标签里都有一个属性style可以把css和html结合起来

 <div style="background-color:red;color:blue;">小羊</div>

2.使用HTML的一个标签实现,<style>标签写在head里面

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

 3.在style标签里面 使用语句(在有些浏览器下不起作用)

  @import url(css文件路径);(创建一个css文件)

<style type="text/css">
    @import url(div.css);
  </style>

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

 <link rel="stylesheet" type="text/css" href="div.css"/>

  第三种结合方式缺点:在某些浏览器下不起作用,一般使用第四种方式

 

...全文
47 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

137

社区成员

发帖
与我相关
我的任务
社区描述
大家一起打造学校的社区吧,加强学习沟通和进步!
javapythonc++ 高校 内蒙古·通辽市
社区管理员
  • c_university_357
  • 小学生一个
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧