僅影響當前文檔的CSS
什麼是內部樣式表
內部樣式表是放置在HTML文檔中的樣式。 這些樣式僅影響它們所在的文檔,並且不能被任何其他Web文檔引用。
內部樣式表的優點
- 內部樣式表只會影響它們所在的頁面。
- 如果您在大型網站上工作,並且需要在將樣式作為整體加載到網站上之前對其進行測試,則內部樣式表可能是一個很好的工具。 它們允許您在整個網站上下文中測試樣式,而不會破壞您正在測試的任何頁面。
- 內部樣式表可以使用類和ID。
- 與內聯樣式不同,內部樣式表仍然可以利用類,ID,兄弟和其他元素關係。
- 內部樣式表不要求您上傳多個文件。
- 如果您正在處理諸如電子郵件或信息亭等只有一個HTML文件可供編輯的情況,這一點尤其有用。 當我不確定將哪些URL加載到CMS中時,我經常使用內聯樣式 - 將樣式與文檔保持一致意味著我知道哪些樣式會影響該文檔。
- 內部樣式可能比外部樣式表具有更高的優先級。
- 這取決於外部樣式表加載的順序。 頁面的Web開發人員可以控制內部樣式將放置在文檔頭部的位置。 如果將它們放在外部樣式鏈接之後,它們將在級聯中具有更高的優先級,並覆蓋外部樣式表。
內部樣式表的缺點
- 它們只影響他們所在的頁面。
- 內部樣式表增加了頁面加載時間。
- 每一個有內部樣式表的頁面在每次加載頁面時都必須加載和解析樣式表信息。 外部樣式表由瀏覽器緩存 - 這可以在第一次加載後改進每個頁面的加載時間。
如何寫一個內部樣式表
元件:
- 在您的Web編輯器中打開一個HTML文檔。
- 在裡面添加以下內容
完整的內部樣式表如下所示: