整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
為了讓網頁元素的樣式更加豐富，也為了讓網頁的內容和樣式能拆分開，CSS由此思想而誕生，CSS是 Cascading Style Sheets 的首字母縮寫，意思是層疊樣式表。有了CSS，html中大部分表現樣式的標簽就廢棄不用了，html只負責文檔的結構和內容，表現形式完全交給CSS，html文檔變得更加簡潔。
css基本語法
css的定義方法是：
選擇器 { 屬性:值; 屬性:值; 屬性:值;}
選擇器是將樣式和頁面元素關聯起來的名稱，屬性是希望設置的樣式屬性每個屬性有一個或多個值。代碼示例：
/*
css注釋 ctrl+shift+"/"
*/
div{
width:100px;
height:100px;
color:red
}
css頁面引入方法：
1、外聯式：通過link標簽，鏈接到外部樣式表到頁面中。
<link rel="stylesheet" type="text/css" href="css/main.css">
2、嵌入式：通過style標簽，在網頁上創建嵌入的樣式表。
<style type="text/css">
div{ width:100px; height:100px; color:red }
......
</style>
3、內聯式：通過標簽的style屬性，在標簽上直接寫樣式。
于網站的CSS引用我們可以有以下四種方式：
在標簽的style屬性后添加樣式。
// 通過html屬性style實現，寫在body標簽中
<div style="color:green; font-size:18px;">行內式</div>在style標簽內添加，加上head標簽內部。
// 在style標簽中寫入css樣式，在body中引用
div{ ? color: red; ? font-weight: bold;}
<div>嵌入式</div>將css樣式編寫在擴展名為 .css 的文件中，再導入樣式，導入在head標簽內部。
// 隨便命名一個style.css 文件，將樣式寫在其中
div{ ?
color: blue;
}
// 然后在html文件中引入style.css文件
<link href="style.css" type="text/css" rel="stylesheet" />
<div>鏈接式</div>相當于原來的css文件中包含了被導入的css文件的樣式，兩者合并在一個文件中（不推薦使用）。
// 創建一個index.css 文件，在里面編寫我們自身的樣式
div{ ?
color: orange; ?
font-size: 20px; ?
width: 200px; ?
height: 40px;
}
// 使用@import方式導入上面的index.css 文件
<style>
@import url(index.css)
</style>
<div></div>前三者樣式的顯示優先級：
遵循就近原則：行內樣式 > 嵌入式樣式 > 外部樣式。
網頁中編寫JavaScript代碼時，需要先引入JavaScript代碼。JavaScript代碼有3種引入方式，分別是行內式、嵌入式和外鏈式，下面分別進行講解。
行內式是將JavaScript代碼作為HTML標簽的屬性值使用。例如，在單擊超鏈接“test”時，彈出一個警告框提示“Hello”，示例代碼如下：
<a href="javascript：alert('Hello');">test</a>需要說明的是，行內式只有在臨時測試或者特殊情況下使用，一般情況下不推薦使用行內式，因為行內式有如下缺點。
(1)行內式可讀性較差，尤其是在HTML文件中編寫大量JavaScript代碼時，不方便閱讀。
(2)行內式在遇到多層引號嵌套的情況時，引號非常容易混淆，導致代碼出錯。
嵌入式(或稱內嵌式)使用<scrip>標簽包裹JavaScript代碼，直接編寫到HTML文件中，通常將其放到<head>標簽<body>或標簽中。<scrip>標簽的type屬性用于告知瀏覽器腳本類型，HTML.5中該屬性的默認值為“text/javascript”，因此在使用HTML5時可以省略ype屬性。嵌入式的示例代碼如下：
<script>
JavaScript代碼
</script>外鏈式(或稱外部式)是將JavaScript 代碼寫在一個單獨的文件中，一般使用“js”作為文件的擴展名，在HTML頁面中使用<script>標簽的src屬性引人“js”文件。外鏈式適合javascript代碼量較多的情況。在html頁面中引入“js”文件，示例代碼如下：
<script src="test.js"></script>上述代碼表示引入當前目錄下的tesL.js文件。需要注意的是，外鏈式的標簽內不可以編寫JavaScript 代碼。
為了幫助初學者更好地理解外鏈式，下面利用外鏈式實現瀏覽網頁時在頁面中自動彈出警告框。創建Example02.html文件，引入Example02.js文件，具體代碼如例1-2所示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="Example02.js"></script>
</body>
</html>標簽的src屬性設置了要引入的文件為Example02.js。
創建Example02.js文件，在該文件中編寫如下代碼：
alert ('Hello JavaScript');保存代碼，在瀏覽器中訪問Example02.html文件，頁面效果與例1-1相同。
以上講解了JavaScript的3種引入方式?，F代網頁開發中提倡結構、樣式、行為的分離，即分離HTML、CSS、JavaScrixt這3部分代碼，這樣更有利于文件的維護。當需要編寫大量的、邏輯復雜的、具有特定功能的JavaScrigt代碼時，推薦使用外鏈式。外鏈式相比嵌入式，具有以下3點優勢：
(1)外鏈式存在于獨立文件中，有利于修改和維護，而嵌人式會導致HTML代碼與JavaScript代碼混合在一起。
(2)外鏈式可以利用瀏覽器緩存提高速度。例如，在多個頁面中引入相同的JavaScript文件時，打開第1個頁面后，瀏覽器將JavaScript文件緩存下來，下次打開其他頁面時就不用重新下載該文件了。
(3)外鏈式有利于HTML頁h代碼結構化，把大段的JavaScript代碼分離到HTML頁面之外，既美觀，也方便文件級別的代碼復用。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
