页面中应用CSS的几种方式

最新推荐文章于 2023-09-11 12:14:48 发布

原创最新推荐文章于 2023-09-11 12:14:48 发布 · 760 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了四种常见的CSS样式引入方法：1.使用<link>标签引入外部样式表；2.在<head>部分使用<style>标签定义内部样式；3.通过在HTML元素中使用style属性定义行内样式；4.利用JavaScript动态修改样式。

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

1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：
<link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html头部用<style></style>包起来，在这里面编写样式：
<style type="text/css">
*{
padding: 0;margin: 0
}
</style>
3.在标签里面直接编写行内样式。

<div style="color: #333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的。