救助：在静态网页上加CSS样式

发布网友发布时间：2022-04-21 01:24

我来回答

共4个回答

热心网友时间：2022-06-17 02:21

方法/步骤

以上是最简单的一种方式，可以在网页中直接加入，不过不能多代码的加入，只可以简单的几行代码的加入。

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

同在一个屋檐之下的一种表达方式，也是可以的，代码量可以加大，只是属于个人作品的一种表达方式，不是属于团队的开发之一。

使用上面的一种文档的方式，也是在企业中要用到的，不过CSS可能是用专人员来写，代码可以很长，也可以很细。

然后开发人员，可以直接使用的一种方式，团员开发的重点之重。

以上的三中方式，可能并不只是体现在差异性方面，更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写；专业开发可能不必要文档；团队开发可能用文档比较专业一些，工作可能会更简单一些。

三种表达方式的总结说明：

空间表达：

内嵌

分层

外嵌

职业表达：

个人

私人

团队

分工表达：

简单

中等

难度

热心网友时间：2022-06-17 02:21

<html><div style="background:blue;"></div></html>直接加入

热心网友时间：2022-06-17 02:22

.text-right{
background:#00f;
align:right;
color:#fff;
}
.text-left{
align:left;
padding:5px;
}
.border-blue{
border:1px solid #00f;
}
.text-center{
algin:center;
}

热心网友时间：2022-06-17 02:22

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式。

①内联式就是把css代码直接写在现有的HTML标签中，适用于当特殊的样式需要应用到个别元素时，如下面代码：
<p style="color:red">这里文字是红色。</p>

②嵌入式：当单个文件需要特别样式时，就可以使用内部样式表。可以在 head 部分通过 style 标签定义内部样式表。如下代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
<style type="text/css">
p{
color:blue;
}
</style>
</head>
<body>
<p>这里的文字是蓝色。</p>
</body>
</html>

③外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在head内（不是在style标签内）使用 link标签将css样式文件链接到HTML文件内，当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />