1_html基本結構以及樣式表

時間 2019-11-30

標籤 html 基本結構以及樣式欄目 HTML 简体版

原文原文鏈接

首先，html的基本結構：css

　　　　　　　　<html> 讓系統編譯時知道是HTML的語言，
　　　　　　　　　　<head>
　　　　　　　　　　　　<title>網頁的標題</title>
　　　　　　　　　　</head>
　　　　　　　　　　<body>
　　　　　　　　　　　　主體：能夠顯示網頁內容的
　　　　　　　　　　</body>
　　　　　　　　</html> HTML語言結束html

其次，給html添加樣式可分爲四種：併發

　　　　第一種：性能

　　　　　　　　行間樣式表測試

<div id="round" style="width:400px; height:300px;">
    <p>我是測試文字</p>
</div>

　　　　　　優勢：spa

　　　　　　　　　　優先級最高、不會和其餘樣式衝突
　　　　　　缺點：code

　　　　　　　　　　不利於維護、徹底沒有通用性、代碼可讀性差htm

　第二種：blog

　　　　　　　　內部樣式表（寫在頭部<style>標籤裏）it

<style>
    #b1 {
        width: 200px;
        height: 200px;
        border: 2px solid red;
}
</style>

　　　　　　優勢：
　　　　　　　　　　1.單個頁面中，不會有多餘代碼
　　　　　　　　　　2.減小外部請求
　　　　　　　　　　3.在單個頁面中能夠作到通用
　　　　　　缺點：
　　　　　　　　　　1.沒有辦法在整個項目中複用
　　　　　　　　　　2.後期整個項目風格變換，修改起來不便

　　第三種：

　　　　　　　　外部樣式表（使用link ，將外部單獨的CSS文件引入html）

<link rel="stylesheet" href="css/index.css" />

　　　　優勢：
　　　　　　　　　　1.便於整個項目的修改和維護
　　　　　　　　　　2.多個頁面之間能夠進行復用
　　　　缺點：
　　　　　　　　　　1.規劃很差，容易代碼衝突
　　　　　　　　　　2.在單個頁面中會有多餘代碼
　　　　　　　　　　3.會增長外部請求

　　第四種：

　　　　　　　Import （在樣式表中，引入新的樣式表）：
　　　　　　　　

　　　　　　　　不建議使用，性能較差，不能併發加載

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。