整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
么是css的調用方式？
簡單來講，就是解決把css代碼寫在哪里的問題，這塊內容之前在課堂上演示過，這里再用文字說明一下，權當復習。
大體有以下四種方式：
1，外聯式樣式表
添加在HTML的頭部信息標識符< head>里：
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>其中href是目標文檔的URL， type則規定了目標URL的MIME類型，而media規定了文檔將顯示在什么設備上。
2，內嵌樣式表
添加在HTML的頭部信息標識符< head>里：
<head>
<style type="text/css">
<!-- 樣式表的具體內容 -->
</style>
</head>type=”text/css”表示樣式表采用MIME類型，幫助不支持CSS的瀏覽器過濾掉CSS代碼，避免在瀏覽器面前直接以源代碼的方式顯示我們設置的樣式表。但為了保證上述情況一定不要發生，還是有必要在樣式表里加上注釋標識符“< !--注釋內容-->”。
3，元素內定
語法：
<Tag style="properties">網頁內容</tag>舉個例子：
<p style="color: blue; font-size: 10px">CSS實例</p>上面例子的代碼說明：
用藍色顯示字體大小為10px的“CSS實例”。盡管使用簡單、顯示直觀，但是這種方法不怎么常用，因為這樣添加無法完全發揮樣式表的優勢——即內容結構和格式控制分別保存。
4，導入樣式表(高級用法，暫時先放下）
語法：
<style type="text/css">
<!-- @import url("css/base.css"); -->
</style>其中外部引用CSS主要用到兩種方式link和@import
本質上，這兩種方式都是為了加載CSS文件，但還是存在著細微的差別。
link和@import存在如下差別：
差別1：老祖宗的差別。link屬于HTML標簽，而@import完全是CSS提供的一種方式。
link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。
差別2：加載順序的差別。當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網速慢的時候還挺明顯。
差別3：兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。
差別4：當使用javascript控制DOM去改變樣式的時候，只能使用link標簽，因為@import不是DOM可以控制的。
從上面的分析來看，還是使用link標簽比較好。
課后練習：
步驟一：新建一個名為index.html的網頁。
步驟二：在index.html網頁文檔里加入兩個p標簽，分別在p標簽中加入內容（內容隨意）
步驟三：嘗試用上面提到的前三種方式，用css代碼改變p標簽內容的顯示格式。
天要學習的是CSS，CSS是什么？
CSS指的是層疊樣式表，它和HTML是一對好朋友，可以對HTML網頁進行修飾。
為什么要學CSS？
要想讓瀏覽器顯示以下內容：
以我們所學的知識，就需要一個一個的去添加 font 樣式：
鍵盤的TAB可以縮進，代碼看起來更美觀
非常麻煩，一個網頁可能有幾百個樣式要設置，難道一個一個的去添加嗎？即使你很有耐心，這么多的樣式全寫在一個頁面（CSS會新建一個專門存放樣式的頁面），別說別人了，自己看了都覺得亂。
為了省時省力、簡潔易改、維護方便、增強網頁……
所以，引入CSS樣式表，就是為了解決這些問題。
在盤符下面建立一個文件夾，在文件夾里面建立兩個文檔：
例如，我在C盤下面建立了文件夾 new_20200831，在這個文件夾里面在建立兩個文本文檔，并修改擴展名：new.html 和 newcss.css
之所以放在同一個文件夾里面，是為了更好管理和方便鏈接，下面的 [1] 會解釋為什么方便鏈接。
打開new.html ，輸入基礎html代碼：
在<head></head>中寫入下方代碼：
<link href="css 文件的路徑" type="text/css" rel="stylesheet" /><link/> 標簽定義文檔與外部資源的關系，也就是你想鏈接CSS樣式表，就要用到<link/>標簽。
<link/>標簽需要放在<head>頭部標記中，并且指定3個必需屬性：
href：規定被鏈接文檔的位置。 [1]
type：規定被鏈接文檔的類型。這里指定為 “text/css” 表示鏈接的外部文件為CSS樣式表。
rel：規定當前文檔與被鏈接文檔之間的關系。這里指定為 “stylesheet” 表示鏈接的文檔是一個樣式表文件
——————————————————————————————
[1] 我來解釋一下為什么放在同一個文件夾會方便鏈接：
引用的路徑分為兩種：
絕對路徑：完整描述文件路徑
相對路徑：相對于當前文件的路徑，不帶有盤符。(推薦）
相對路徑分為以下3種：
· 文件和html文件位于同一文件夾；只需輸入文件名即可，如<link href="new.css" />
· 文件位于html文件的下一級文件夾；輸入文件夾和文件名，之間用 / 隔開，如 <link href="new_20200831/new.css" />
· 文件位于html文件的上一級文件夾；在文件名之前輸入 ../ ，如果是上兩級，則需要用 ../../ 以此類推，如 <link href="../new.css" />
例如，上面我輸入href="new.css" 就是相對路徑的第1種情況，我放在同一個文件夾，所以只要輸入文件名 new.css 即可，而不是輸入絕對路徑 C/new_20200831/new.css ,明顯后者麻煩多了。
未完待續~
HTML 代表超文本標記語言。它給出了網站或網頁的基本結構。它定義了您的網站在結構方面的外觀，即網站包含標題、輸入、表單、表格、按鈕等等。
HTML 代碼
<!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
</head>
<body>
<h1>Hello world</h1>
</body>
</html>
您可以在此處查看 Hello world 網站的實時版本，其代碼寫在上面。
我們將詳細討論每一行代碼，以便您能夠了解每一行的想法。
這一行基本上告訴網絡瀏覽器我們正在使用哪個HTML版本。在本例中我們是HTML5。
這是包含我們網頁的所有代碼的HTML元素。換句話說，這包含了網頁所需的所有結構和設置，即外部 CSS、JS、CDN 等。您可能會注意到所有內容都位于<html>和之間</html>。這是因為這樣所有的內容都會在這些元素之間。<html>通常指的是開始標簽，</html>通常指的是結束標簽。
該元素包含了網頁的所有要求。例如，如果您想添加一些外部 CSS 文件、外部 JS 文件或一些外部 CDN（這是網站的要求），那么此元素就會派上用場。如果您不了解 CSS，它用于樣式目的，JS 用于功能目的，CDN 代表內容交付網絡。
該元素包含顯示在Web 瀏覽器選項卡中的標題。如果您訪問 Hello world 網站，您會注意到網絡瀏覽器的選項卡中有標題。這是這些標簽的主要工作。Hello world<title>...</title>
該元素包含用戶可見的結構。您可以想象到的上述元素可以用于我們網頁的設置。主要內容進入正文部分。
h1是用于標題的標題元素。如果您訪問 hello world 網站，我們可以看到的 hello world 就是標題。h1不僅僅是我們擁有的標題元素。我們有一個標題元素，從 開始h1，直到 ，h6唯一的區別是h1較大，然后尺寸減小，直到 h6。
如果您想了解有關 HTML 元素的更多信息，可以在此處查看。
<table>
<tr>
<th>S.No.</th>
<th>Day</th>
</tr>
<tr>
<td>1</td>
<td>Sunday</td>
</tr>
<tr>
<td>2</td>
<td>Monday</td>
</tr>
<tr>
<td>3</td>
<td>Tuesday</td>
</tr>
<tr>
<td>4</td>
<td>Wednesday</td>
</tr>
<tr>
<td>5</td>
<td>Thursday</td>
</tr>
<tr>
<td>6</td>
<td>Friday</td>
</tr>
<tr>
<td>7</td>
<td>Saturday</td>
</tr>
</table>
table：這是用于創建表格的表格元素。
tr：表示表格行。即表的行。
td：表示表數據。即包含該表的數據。
您可以在此處查看代碼的實時版本。
注意此代碼必須寫在body元素之間。
當您上網時，您可能見過一些 HTML 表單。讓我們來創建我們自己的 HTML 表單。
這是代碼片段。
<form>
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
<input type="submit" value="Submit">
</form>
form：HTML 元素幫助我們創建 HTML 表單。
input：輸入元素允許我們獲取用戶的輸入。和稱為HTML 屬性type="email"。name="email"
您可以在此處查看該網頁的實時版本。
注意此代碼必須寫在body元素之間。
總之，HTML 通過定義其結構作為網站或網頁的基礎。它決定了網站在標題、表單、表格、按鈕等元素方面的顯示方式。通過使用 HTML 標簽和元素，我們可以創建結構良好且組織良好的網頁。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
