CSS學習 CSS 建立

2021-07-04 04:43:48 字數 1640 閱讀 1786

當讀到乙個樣式表時，瀏覽器會根據它來格式化 html 文件。

插入樣式表的方法有三種:

外部樣式表

內部樣式表

內聯樣式

當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用標籤鏈結到樣式表。標籤在（文件的）頭部：



rel="stylesheet"


type="text/css"


href="mystyle.css">


head>
瀏覽器會從檔案 mystyle.css 中讀到樣式宣告，並根據它來格式文件。

hr


pbody
不要在屬性值與單位之間留有空格。假如你使用 「margin-left: 20 px」 而不是 「margin-left: 20px」 ，它僅在 ie 6 中有效，但是在 mozilla/firefox 或 netscape 中卻無法正常工作。

當單個文件需要特殊的樣式時，就應該使用內部樣式表。你可以使用標籤在文件頭部定義內部樣式表，就像這樣:



hrpbody


style>


head>
由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如當樣式僅需要在乙個元素上應用一次時。

style="color:sienna;margin-left:20px">this is a paragraph.p>
如果某些屬性在不同的樣式表中被同樣的選擇器定義，那麼屬性值將從更具體的樣式表中被繼承過來。

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

h3
而內部樣式表擁有針對 h3 選擇器的兩個屬性：

h3


color


:red;


text-align


:right;


font-size


:20pt;
即顏色屬性將被繼承於外部樣式表，而文字排列（text-alignment）和字型尺寸（font-size）會被內部樣式表中的規則取代。

樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中，在 html 頁的頭元素中，或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。

當同乙個 html 元素被不止乙個樣式定義時，會使用哪個樣式呢？

一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。

瀏覽器預設設定

外部樣式表

內部樣式表（位於標籤內部）

內聯樣式（在 html 元素內部）

因此，內聯樣式（在 html 元素內部）擁有最高的優先權，這意味著它將優先於以下的樣式宣告： 標籤中的樣式宣告，外部樣式表中的樣式宣告，或者瀏覽器中的樣式宣告（預設值）。

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

CSS學習 CSS學習筆記

出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...

css學習 css基礎

子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname，也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...