HTML中引入CSS样式有几种形式

问题是几种形式3还是4啊都有什么啊... 问题是几种形式 3还是4啊 都有什么啊 展开
 我来答
2007li_juan
2008-01-05 · TA获得超过328个赞
知道答主
回答量:158
采纳率:0%
帮助的人:77.2万
展开全部
有四种形式:
1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用<link rel="stylesheet" type="text/css" href="*.css">链接这个样式表文件.
2.内部样式表,就是把样式表放到页面的<head>区里.
3.导入外部样式表,用@import,在<head>与</head><style type="text/css">
<!--
@import "*.css"
-->
</style>
4.内嵌样式,就是在标签内写入style="",比如:
<td style="border-left:#cccccc">设置表格左边框的颜色为灰色.
a3476012
2016-04-15 · TA获得超过1268个赞
知道小有建树答主
回答量:484
采纳率:87%
帮助的人:133万
展开全部
一般来说只有3种:
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直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
就烦条0o
2018-08-01 · 知道合伙人软件行家
就烦条0o
知道合伙人软件行家
采纳数:33315 获赞数:46492
从事多年系统运维,喜欢编写各种小程序和脚本。

向TA提问 私信TA
展开全部
1.行内式
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。
2.内嵌式
嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:

<head>

<style type="text/css">

...此处写CSS样式

</style>

</head>

缺点是对于一个包含很多网页的网站,在每个网页中使用嵌入式,进行修改样式时非常麻烦。单一网页可以考虑使用嵌入式。
3.导入式
将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,<style>标记也是写在<head>标记中,使用的语法如下:

<style type="text/css">

@import"mystyle.css"; 此处要注意.css文件的路径

</style>

导入式会在整个网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会儿出现先显示无样式的页面,闪烁一下之后,再出现网页的样式。这是导入式固有的一个缺陷。
4.链接式
也是将一个.css文件引入到HTML文件中,但它与导入式不同的是链接式使用HTML规则引入外部CSS文件,它在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用语法如下:

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

使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件,因此显示出来的网页从一开始就是带样式的效果的,它不会象导入式那样先显示无样式的网页,然后再显示有样式的网页,这是链接式的优点。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
metaspace
2008-01-05 · TA获得超过1046个赞
知道小有建树答主
回答量:1037
采纳率:0%
帮助的人:499万
展开全部
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="样式文件路径" />
<style>
.. 样式表内容 ..
</style>
</head>
<body>
<p style="color:#f00;">text</p>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式