加载CSS样式的方式有哪些?如何使用?

如果要在HTML文件中应用CSS样式,最常用的有三种方法:1.内部引用 所谓内部引用就是运用style标签引用在同HTML页内部分的css定义。如: .cssstyle { font:12px;color:#339966;border:1px #e1763d solid;} THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART ...
加载CSS样式的方式有哪些?如何使用?
如果要在HTML文件中应用CSS样式,最常用的有三种方法:

1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如:

<html>

<head>
<style type="text/css">
.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}
<style/>
</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果,可将CSS做成单独文件。

文件CSSSTYLE.CSS

.cssstyle { font:12px;

color:#339966;

border:1px #e1763d solid;

}

然后在HTML引用它:

<html>

<head>

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

</head>

<body>

<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误,要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。如:

<p style="color:#ccc">THIS TEXT IS GREY</p>

<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>2010-04-22
链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>

而在XML中,你应该如下例所示在声明区中加入:
<? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/rainer.css" ?>>
定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。 定义方式请参阅样式表语法。示例如下:
<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>
请注意,这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。
内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>2010-04-22
我所知的有三种:
第一种是在本页引用CSS(这种方式一般只在TEB“表格布局”中用到,不建议在本页引用)

第二种是连接式,意思就是单独建一个CSS文件,CSS单独写上去,之后用连接的方式将你所希望受此CSS影响的页面链接起来(常用,推荐)

第三种是导入式,意思和第二种连接式类似,把写好的CSS导入到当前页(几乎不用,不推荐)

以上三种就是CSS的加载方式,第二种为网站制作常用。

连接式,导入式可以在DW界面按Shift+F11打开CSS面板,下面有一个像锁链一样的按钮,按下去,弹出一个选择框,你就可以选着你想怎么加载CSS的方式,加载完,页面会有相应的代码,可供你参考~2010-04-22
如果要在HTML文件中应用CSS样式,最常用的有三种方法:

1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果,可将CSS做成单独文件。
<link rel="stylesheet" type="text/css" href="cssstyle.css">

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误,要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接。2010-04-22
mengvlog 阅读 38 次 更新于 2025-09-09 15:12:17 我来答关注问题0
  • 3.内联引用 内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。如:THIS TEXT IS GREY I AM NOT GREY, WHAT COLOR AM I? :) ...

  • HTML引入CSS样式的方式主要有三种:内联定义、链入内部CSS和链入外部CSS。不同位置的样式表影响的范围各不相同。内联定义,直接在对象的标记内使用style属性设定样式,格式如下所示:通过这种方式引用的样式仅影响当前HTML元素。链入内部CSS,通过在HTML文档中使用标签引用CSS文件。示例代码如下:链接外部CSS时...

  •  文暄生活科普 css中link和@import的区别分析详解

    在CSS应用中,link与@import是两种常用的加载CSS样式表的方式。link是XHTML标签,除了用于加载CSS之外,还可以用于定义RSS等其他事务,提供了更多的灵活性。相比之下,@import属于CSS的一部分,其功能仅限于加载CSS文件。在引用CSS时,link标签通常会在页面加载时同时加载CSS文件,因此可以更好地实现页面的...

  • 看你要什么样子的,有四种方式,行内样式,内嵌式,链接和导入式 行内呢是在标签里直接写,比如div style=text-align:center; width:750px; 内嵌是写在head/head之间,例如:style type=text/css !-- body {margin:0 auto;padding:0;font-family:宋体;font-size:12px; color:#000000;text-alig...

  • 在html网页中引入引入css主要有以下四种方式:\x0d\x0a(1)行内式\x0d\x0a网页中css的导入方式\x0d\x0a\x0d\x0a(2)嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般写在head中,对于单个页面来说,这种方式很方便。\x0d\x0a\x0d\x0...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部