所有網站都有一個樣式表，其中定義了網站所有元素的屬性。通常，屬性會應用於 HTML 標記、類別和標識符。樣式表是帶有.css副檔名的文件，您已將其與網站上的其餘文件一起上傳到伺服器。
有一些通用樣式表，其中定義了幾乎所有網路全域樣式，通常稱為styles.css或stylesheet.css。還有針對特定事物的輔助樣式表。理想的情況是，您的數量不多，但所有內容都定義在少數幾個中，以縮短網站的載入時間，並使您以後更容易修改它們。
如何編輯樣式表
直接在原始樣式表中（不太建議模式）
第一件事是透過FTP或主機的檔案管理器存取 .css 樣式表檔案。找到它後（在 WordPress 中，它通常位於主主題資料夾內，路徑類似於：wp-，您可以使用 Dreamweaver、Coda 等編輯器直接編輯該工作表， ETC
託管通常允許您直接編輯樣式表。這樣做時要小心，我建議製作一份以前的副本。如果您修改了某些內容並且您不知道自己修改了什麼，則可能會破壞網站的樣式。這就是為什麼我將此模式標記為不建議的原因，因為它需要更專業一點，也可能導致一些事故:)
您也可以從 WordPress 儀表板中的外觀 > 編輯器下存取範本檔案。與前一種情況一樣，不建議從此處進行編輯，因為您將直接修改文件，如果您錯誤地刪除某些內容，這可能會導致問題。
使用您的模板或外掛程式（最推薦的方式）
這種模式更可取，因為您修改的內容是從外部進行的，而不觸及原始樣式表，因此如 墨西哥手機號碼列表 果您犯了錯誤，則足以刪除您編寫的程式碼或停用外掛程式。
有些進階模板包含通常稱為「自訂 CSS」或「自訂程式碼」的區域，您可以在其中將自己的 CSS 樣式新增到原始模板表中。這通常可以在模板的主題選項、常規部分或 CSS 部分中找到。
如果您的模板不包含可添加 CSS 程式碼的區域，您可以使用Simple Custom CSS等外掛程式輕鬆完成此操作。當您安裝並啟動它時，在「外觀」中您將有一個名為「自訂 CSS」的選項卡。
螢幕截圖-2016-04-14-at-16.49.56
5 23CSS 樣式表是什麼樣的？
CSS 樣式表具有許多標記和選擇器，並且透過在{}之間分組的屬性 為每個標記和選擇器建立了一系列規則。
CSS 樣式表
回顧一下上面所說的：
– 在樣式表中，您要修改的HTML 標籤必須不包含 <>。例如，對於網站上的所有 <p>（段落）標記，您只需在 {} 之間鍵入字母 p 及其特定屬性：
p {
}
–唯一識別碼或元素必須用#編寫。例如，您可以編寫 #button，然後編寫要賦予插入在 {} 之間的按鈕識別碼的特定屬性：
＃按鈕 {
}
CSS 定義之間的空格並不重要，也就是說，輸入一個空格或按幾次 Enter 鍵都沒關係。重要的是您始終尊重以下結構：
標籤或選擇器 {
如果您在樣式表的不同部分為相同元素定義兩個相同的規則，會發生什麼情況
如果您在樣式表的兩個不同點為 #button 標識符定義了兩個屬性，那麼您就足以轉到您想要超越其他屬性的屬性（應用 yes 或 yes 高於其他屬性） ) 並在結束每個分號之前放置!important：
p {
字體大小：14px！
}
如果模板中的其他位置、主題選項或樣式表中，已經有 p 標籤的先前樣式定義，則使用 !important 我們會覆寫此規則，並強制從現在開始所有段落始終以14 像素。
Twitter 計畫藝術畫廊最常用的 CSS 程式碼
下面我將向您展示網站上最常用的 CSS 程式碼，您可以將它們應用到您的網站上，以便您可以盡可能地個性化它。我根據是否用於修改文字元素、圖形元素（框、背景、按鈕等）和其他類型的元素對它們進行了分類。