您好,登錄后才能下訂單哦!
這篇文章主要介紹了使用CSS的原因,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
使用css可以將網頁的大部分甚至是全部的表示信息(樣式)從HTML文件中移出,實現樣式和內容分離;這樣可以降低文件大小、節省網絡帶寬,避免樣式代碼重復,使得維護更容易,可以使用相同的內容加以不同的樣式來實現不同的目的。
為什么要使用CSS?
CSS幫助你從如何展示一個文檔的瑣事中分離出文檔的信息內容。那些如何展示文檔的瑣事被稱為文檔的樣式。
css將網頁的大部分甚至是全部的表示信息從(X)HTML文件中移出,并將它們保留在一個樣式表中。將樣式從內容中分離出來有以下好處:
降低文件大小、節省網絡帶寬
避免重復
使得維護更容易。
站點的表現信息和核心內容相分離,使得站點的設計人員能夠在短暫的時間內對整個網站進行各種各樣的修改。
可以使用相同的內容加以不同的樣式來實現不同的目的
CSS簡化了網頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數量(因為重復設置的格式將被只保存一次)。只要修改保存著網站格式的CSs樣式表文件就可以改變整個站點的風格特色,在修改頁面數量龐大的站點時,顯得格外有用。這就避免了一個個網頁的修改,大大減少了工作量。
你的網站可能有成千上萬相似的頁面。使用CSS,你可以將樣式信息存儲在通用的文件中供所有的頁面共享。當用戶打開了一個網頁,用戶的瀏覽器會單獨加載關于頁面內容的樣式。當用戶打印了一個網頁,你應該提供不同的樣式來保證打印出來的頁面是易讀的。
通常,你會使用HTML來描述頁面內容而不是樣式,使用CSS來指定頁面的樣式而不是內容。當然,也有例外,HTML也可以提供一些方法來指定樣式。例如,在HTML中你可以使用<b>標簽來加粗文本,也可以在<body>標簽中指定頁面的背景顏色。當你使用CSS的時候,通常會避免使用HTML的樣式功能,這樣所有的樣式信息就都會被保存在一個地方。
實踐:為HTML文檔創建樣式表
創建樣式表
1.創建一個文本文件;這個文件就是你的樣式表。命名為style1.css
2.在你的CSS文件中,復制下面這行代碼并拷貝進去,然后保存文件:
strong { color: red; }
鏈接你的文檔和樣式表
1.創建另一個文本文件;這個文件就是你的文檔。命名為你喜歡的任意名字
2.在你的HTML文件中,復制下面的代碼并拷貝進去,<link...>那一行請引用你自己的樣式表:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Sample document</title> <link rel="stylesheet" href="style1.css"> </head> <body> <p> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets </p> </body> </html>
感謝你能夠認真閱讀完這篇文章,希望小編分享使用CSS的原因內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。