如何将css与html连接起来

发布网友发布时间：2022-04-22 14:41

共2个回答

懂视网时间：2022-05-12 13:39

CSS连接到html的方式有：直接在标签内写CSS样式；通过style在头部直接写入CSS；通过link外部链接一个CSS文件；接入多个CSS文件时通过@import url来实现

CSS连接到html的方式有四种，分别是：

方法一：直接在标签里写入对这个标签的css控制

<div style="width:100px;height:100px;border:1px solid #ccc"></div>

方法二：头部直接写入css

<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
 p{font-size: 20px;
 color:red;}
 h1{color: blueviolet;
 font-family: "Arial Narrow";
 }
 </style>
</head>

方法三：外部链接一个css文件

这是常用的方法

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

方法四：当接入多个css时，一个css文件引用另一个css文件时

@import url(文件名.css)

在页面加载完毕后加载

热心网友时间：2022-05-12 10:47

一行代码引入外部的CSS文件即可
<link rel="stylesheet" href="css/style.css">

这样css文件就与HTML链接起来了。这里要注意的是html里的ID选择器和类选择器要对应上。