CSS創(chuàng)建
如何插入樣式表
插入樣式表的方法有三種:
- 外部樣式表(External style sheet)
- 內(nèi)部樣式表(Internal style sheet)
- 內(nèi)聯(lián)樣式(Inline style)
外部樣式表
當樣式需要應(yīng)用于很多頁面時,外部樣式表將是理想的選擇苔悦。在使用外部樣式表的情況下轩褐,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 <link> 標簽鏈接到樣式表玖详。 <link> 標簽在(文檔的)頭部:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
瀏覽器會從文件 mystyle.css 中讀到樣式聲明把介,并根據(jù)它來格式文檔。
外部樣式表可以在任何文本編輯器中進行編輯蟋座。文件不能包含任何的 html 標簽拗踢。樣式表應(yīng)該以 .css 擴展名進行保存。下面是一個樣式表文件的例子:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
內(nèi)部樣式表
當單個文檔需要特殊的樣式時向臀,就應(yīng)該使用內(nèi)部樣式表巢墅。你可以使用 <style> 標簽在文檔頭部定義內(nèi)部樣式表,就像這樣:
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
內(nèi)聯(lián)樣式
由于要將表現(xiàn)和內(nèi)容混雜在一起券膀,內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢君纫。請慎用這種方法,例如當樣式僅需要在一個元素上應(yīng)用一次時芹彬。
要使用內(nèi)聯(lián)樣式蓄髓,你需要在相關(guān)的標簽內(nèi)使用樣式(style)屬性。Style 屬性可以包含任何 CSS 屬性舒帮。本例展示如何改變段落的顏色和左外邊距:
<p style="color:sienna;margin-left:20px">這是一個段落会喝。</p>
多重樣式優(yōu)先級
樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個的 HTML 元素中玩郊,在 HTML 頁的頭元素中肢执,或在一個外部的 CSS 文件中。甚至可以在同一個 HTML 文檔內(nèi)部引用多個外部樣式表译红。
一般情況下预茄,優(yōu)先級如下:
內(nèi)聯(lián)樣式)Inline style > (內(nèi)部樣式)Internal style sheet >(外部樣式)External style sheet > 瀏覽器默認樣式
HTML中JavaScript 用法
HTML 中的腳本必須位于 <script> 與 </script> 標簽之間。
腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中侦厚。
<script> 標簽
如需在 HTML 頁面中插入 JavaScript耻陕,請使用 <script> 標簽昵慌。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結(jié)束。
<script> 和 </script> 之間的代碼行包含了 JavaScript:
<script>
alert("我的第一個 JavaScript");
</script>
您無需理解上面的代碼淮蜈。只需明白,瀏覽器會解釋并執(zhí)行位于 <script> 和 </script>之間的 JavaScript 代碼
在 <head> 或者 <body> 的JavaScript
您可以在 HTML 文檔中放入不限數(shù)量的腳本已卷。
腳本可位于 HTML 的 <body> 或 <head> 部分中梧田,或者同時存在于兩個部分中。
通常的做法是把函數(shù)放入 <head> 部分中侧蘸,或者放在頁面底部裁眯。這樣就可以把它們安置到同一處位置,不會干擾頁面的內(nèi)容讳癌。
外部的 JavaScript
也可以把腳本保存到外部文件中穿稳。外部文件通常包含被多個網(wǎng)頁使用的代碼。
外部 JavaScript 文件的文件擴展名是 .js晌坤。
如需使用外部文件逢艘,請在 <script> 標簽的 "src" 屬性中設(shè)置該 .js 文件:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
你可以將腳本放置于 <head> 或者 <body>中,放在 <script> 標簽中的腳本與外部引用的腳本運行效果完全一致骤菠。
myScript.js 文件代碼如下:
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一個 JavaScript 函數(shù)";
}
外部腳本不能包含 <script> 標簽它改。