如果要在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