style.css是每個WordPress主題所需的樣式表（CSS）文件。它控制網站頁面的呈現(xiàn)（視覺設計和布局）。

位置

為了讓WordPress將主題模板文件集識別為有效主題，style.css文件需要位于主題的根目錄中，而不是子目錄中。

有關如何在主題中包含style.css文件的更詳細說明，請參閱排隊腳本和樣式的“樣式表”部分。

基本結構

WordPress使用style.css的標題注釋部分在外觀（主題）儀表板面板中顯示有關主題的信息。

示例

這是style.css的標題部分的示例。

/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/ *
主題名稱：二十七歲
主題URI：https：//wordpress.org/themes/twentyseventeen/
作者：WordPress團隊
作者URI：https：//wordpress.org/
描述：Twenty Seventeen通過身臨其境的精選圖像和微妙的動畫將您的網站變?yōu)楝F(xiàn)實。它專注于商業(yè)網站，它在首頁上有多個部分，包括小部件，導航和社交菜單，徽標等。使用自定義配色方案個性化其不對稱網格，并使用帖子格式展示您的多媒體內容。我們2017年的默認主題適用于多種語言，任何能力和任何設備。
版本：1.0
許可證：GNU通用公共許可證v2或更高版本
許可證URI：http：//www.gnu.org/licenses/gpl-2.0.html
文字域名：二十七歲
標簽：單列，雙列，右側邊欄，靈活標題，可訪問性，自定義顏色，自定義標題，自定義菜單，自定義徽標，編輯器樣式，特色圖像，頁腳小部件，后格式，rtl語言支持，粘貼帖子，主題選項，線程評論，翻譯就緒
像WordPress這樣的主題是根據GPL許可的。
用它來制作一些很酷的東西，玩得開心，并與他人分享你學到的東西。
* /

WordPress主題庫中的主題需要用（*）表示的項目。

注意：

WordPress主題存儲庫使用此文件中“版本”之后的數字來確定主題是否具有可用的新版本。

• 主題名稱（*）：主題的名稱。
• 主題URI：公共網頁的URL，用戶可以在其中找到有關主題的更多信息。
• 作者（*）：開發(fā)主題的個人或組織的名稱。建議使用主題作者的wordpress.org用戶名。
• 作者URI：創(chuàng)作個人或組織的URL。
• 描述（*）：主題的簡短描述。
• 版本（*）：版本，以XX或XXX格式編寫。
• 許可證（*）：主題的許可證。
• 許可證URI（*）：主題許可證的URL。
• Text Domain（*）：用于textdomain的字符串轉換。
• 標簽：允許用戶使用標簽過濾器查找主題的單詞或短語。完整的標簽列表位于主題評論手冊中。
• 域路徑：使用以便WordPress在禁用主題時知道在何處查找翻譯。默認為/languages。

在必需的標題部分之后，style.css可以包含常規(guī)CSS文件所具有的任何內容。

用于子主題的Style.css

如果您的主題是子主題，則??style.css標題中需要模板行。

/*
Theme Name: My Child Theme
Template: Twenty Seventeen
*/

/ *
主題名稱：我的孩子主題
模板：二十七歲
* /

有關創(chuàng)建子主題的更多信息，請訪問子主題頁面。

來源于Wordpress官方文檔：查閱

補充

一、 style.css文件的加載方式

主題目錄默認會帶一個style.css文件，這個就是樣式文件，

三、為什么要把所有樣式寫在style.css里面

1.?對于一些不復雜的網站，可以把所有的樣式都放在這個style.css文件里面，然后統(tǒng)一壓縮，這樣可以減少http請求數，從而提高網頁加載速度。

2. style.css可以通過后臺直接修改， 這樣修改后不用重新上傳文件，直接就能生效。

四、常見問題

有時候改了style.css沒有生效，檢查：

1. 更新wp supercache緩存，有些網站都用這個緩存插件，記得更新緩存

2. 有些瀏覽器會緩存css文件，比如像360.所以只需清空瀏覽器緩存即可

本文地址：http://www.lmygzs.com/archives/866.html

版權說明：如非注明，本站文章均為?藍螞蟻工作室?原創(chuàng)，轉載請注明出處和附帶本文鏈接。

想知道一個網站用的啥主題，通過這個文件就知道了，下面這篇文章就能教你如何打開這個文件。