如何建立CSS

時間 2019-11-17

標籤如何建立 css 欄目 CSS 简体版

原文原文鏈接

一如何插入樣式表css

當讀到一個樣式表時，瀏覽器會根據它來格式化html文檔。插入樣式表的方式一般有三種：html

1.1外部樣式表瀏覽器

當樣式須要應用於不少頁面時，外部樣式表將會理想的選擇。在使用外部樣式表的狀況下，你能夠經過改變一個文件來改變整個站點的外觀。每一個頁面使用<link>標籤連接到樣式表。<link>標籤在（文檔的）頭部：編輯器

用法：字體

<head>url

</head>
htm

說明：瀏覽器會從文件stylesheet.css中讀取到樣式聲明，並根據它來格式文檔。繼承

外部樣式表能夠在任什麼時候文本編輯器中進行編輯。文件不能包含任何的html代碼。樣式表應該以.css擴展名進行保存。文檔

一下來列舉一個樣式表的例子：

    hr{
     color:siemma;
    }
    p{
     margin-left:20px;
    }
    body{
      background-image:url("image/back40.gif");
    }

注意：不要在屬性值與單位之間留有空格。

1.2內部樣式表

當單個文檔須要特殊的樣式時，就應該使用內部樣式。你能夠使用<style>標籤在文檔頭部定義內部樣式表。就是這樣：

<head><style type="text/css">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}</style></head>

1.3內聯樣式表

因爲要將表現和內容混雜在一塊兒，內聯模式會損壞失掉樣式表的優勢。請慎重用這個。

二多重樣式

若是某些屬性在不一樣的樣式中被一樣的選擇器定義，那麼屬性值將從更具體的樣式表中被繼承過來。

例如：外部樣式表擁有針對h3選擇器的三個屬性：

h3{ color:red; text-align:left; font-size:8pt; } 而內部樣式表擁有針對h3選擇器的兩個屬性： h3{ text-align:right; font-size:20pt; } 加入擁有內部樣式的這個頁面同時與外部樣式表的連接，那麼 h3獲得的樣式是： h3{ color：red； text-align:right; font-size:20pt; } 即顏色屬性將被繼承於外部樣式表，而排列和字體尺度會被內部樣式表中的規則取代。

相關標籤/搜索

每日一句

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