① wordpress自定義怎麼寫自定義css樣式
CSS 背景屬性(Background)
background
在一個聲明中設置所有的背景屬性。
1
background-attachment
設置背景圖像是否固定或者隨著頁面的其餘部分滾動。
1
background-color
設置元素的背景顏色。
1
background-image
設置元素的背景圖像。
1
background-position
設置背景圖像的開始位置。
1
background-repeat
設置是否及如何重復背景圖像。
1
CSS 邊框屬性(Border 和 Outline)
border
在一個聲明中設置所有的邊框屬性。
1
border-bottom
在一個聲明中設置所有的下邊框屬性。
1
border-bottom-color
設置下邊框的顏色。
2
border-bottom-style
設置下邊框的樣式。
2
border-bottom-width
設置下邊框的寬度。
1
border-color
設置四條邊框的顏色。
1
border-left
在一個聲明中設置所有的左邊框屬性。
1
border-left-color
設置左邊框的顏色。
2
border-left-style
設置左邊框的樣式。
2
border-left-width
設置左邊框的寬度。
1
border-right
在一個聲明中設置所有的右邊框屬性。
1
border-right-color
設置右邊框的顏色。
2
border-right-style
設置右邊框的樣式。
2
border-right-width
設置右邊框的寬度。
1
border-style
設置四條邊框的樣式。
1
border-top
在一個聲明中設置所有的上邊框屬性。
1
border-top-color
設置上邊框的顏色。
2
border-top-style
設置上邊框的樣式。
2
border-top-width
設置上邊框的寬度。
1
border-width
設置四條邊框的寬度。
1
outline
在一個聲明中設置所有的輪廓屬性。
2
outline-color
設置輪廓的顏色。
2
outline-style
設置輪廓的樣式。
2
outline-width
設置輪廓的寬度。
2
CSS 文本屬性(Text)
color
設置文本的顏色。
1
direction
規定文本的方向 / 書寫方向。
2
letter-spacing
設置字元間距。
1
line-height
設置行高。
1
text-align
規定文本的水平對齊方式。
1
text-decoration
規定添加到文本的裝飾效果。
1
text-indent
規定文本塊首行的縮進。
1
text-shadow
規定添加到文本的陰影效果。
2
text-transform
控制文本的大小寫。
1
unicode-bidi
設置文本方向。
2
white-space
規定如何處理元素中的空白。
1
word-spacing
設置單詞間距。
1
CSS 字體屬性(Font)
font
在一個聲明中設置所有字體屬性。
1
font-family
規定文本的字體系列。
1
font-size
規定文本的字體尺寸。
1
font-size-adjust
為元素規定 aspect 值。
2
font-stretch
收縮或拉伸當前的字體系列。
2
font-style
規定文本的字體樣式。
1
font-variant
規定是否以小型大寫字母的字體顯示文本。
1
font-weight
規定字體的粗細。
1
CSS 外邊距屬性(Margin)
margin
在一個聲明中設置所有外邊距屬性。
1
margin-bottom
設置元素的下外邊距。
1
margin-left
設置元素的左外邊距。
1
margin-right
設置元素的右外邊距。
1
margin-top
設置元素的上外邊距。
1
CSS 內邊距屬性(Padding)
padding
在一個聲明中設置所有內邊距屬性。
1
padding-bottom
設置元素的下內邊距。
1
padding-left
設置元素的左內邊距。
1
padding-right
設置元素的右內邊距。
1
padding-top
設置元素的上內邊距。
1
CSS 列表屬性(List)
list-style
在一個聲明中設置所有的列表屬性。
1
list-style-image
將圖象設置為列表項標記。
1
list-style-position
設置列表項標記的放置位置。
1
list-style-type
設置列表項標記的類型。
1
marker-offset
2
內容生成(Generated Content)
content
與 :before 以及 :after 偽元素配合使用,來插入生成內容。
2
counter-increment
遞增或遞減一個或多個計數器。
2
counter-reset
創建或重置一個或多個計數器。
2
quotes
設置嵌套引用的引號類型。
2
CSS 尺寸屬性(Dimension)
height
設置元素高度。
1
max-height
設置元素的最大高度。
2
max-width
設置元素的最大寬度。
2
min-height
設置元素的最小高度。
2
min-width
設置元素的最小寬度。
2
width
設置元素的寬度。
1
CSS 定位屬性(Positioning)
bottom
設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
2
clear
規定元素的哪一側不允許其他浮動元素。
1
clip
剪裁絕對定位元素。
2
cursor
規定要顯示的游標的類型(形狀)。
2
display
規定元素應該生成的框的類型。
1
float
規定框是否應該浮動。
1
left
設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
2
overflow
規定當內容溢出元素框時發生的事情。
2
position
規定元素的定位類型。
2
right
設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
2
top
設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
2
vertical-align
設置元素的垂直對齊方式。
1
visibility
規定元素是否可見。
2
z-index
設置元素的堆疊順序。
2
CSS 列印屬性(Print)
orphans
設置當元素內部發生分頁時必須在頁面底部保留的最少行數。
2
page-break-after
設置元素後的分頁行為。
2
page-break-before
設置元素前的分頁行為。
2
page-break-inside
設置元素內部的分頁行為。
2
widows
設置當元素內部發生分頁時必須在頁面頂部保留的最少行數。
2
CSS 表格屬性(Table)
border-collapse
規定是否合並表格邊框。
2
border-spacing
規定相鄰單元格邊框之間的距離。
2
caption-side
規定表格標題的位置。
2
empty-cells
規定是否顯示表格中的空單元格上的邊框和背景。
2
table-layout
設置用於表格的布局演算法。
2
CSS 偽類(Pseudo-classes)
:active
向被激活的元素添加樣式。
1
:focus
向擁有鍵盤輸入焦點的元素添加樣式。
2
:hover
當滑鼠懸浮在元素上方時,向元素添加樣式。
1
:link
向未被訪問的鏈接添加樣式。
1
:visited
向已被訪問的鏈接添加樣式。
1
:first-child
向元素的第一個子元素添加樣式。
2
:lang
向帶有指定 lang 屬性的元素添加樣式。
2
CSS 偽元素(Pseudo elements)
:first-letter
向文本的第一個字母添加特殊樣式。
1
:first-line
向文本的首行添加特殊樣式。
1
:before
在元素之前添加內容。
2
:after
在元素之後添加內容。
2
② 我用wordpress模仿了別人的主體 在加入h1標簽後 在css裡面加了段代碼,但是首頁是解決了,
肯定是css沖突了,即有限順序混亂導致的,你可以增加類名來區分,比如:
先把控制h1的css去掉,然後首頁的h1添加類名<h1 class="home_h1">內容</h1>,然後再css裡面添加.home_h1{text-align:left;},內容頁的h1則添加類名con_h1<h1 class="con_h1">內容</h1>後再css裡面添加.home_h1{text-align:center;},這種方法雖然麻煩一點。需要在所有h1裡面添加類名。但是在當同一個頁面含有倆種不同樣式的h1時,不會出錯。
在介紹一種簡單的方法。在首頁body上添加類名home<body class="home">內容<body>
.home h1{text-align:left;}在內容頁body上添加類名home<body class="con">內容<body>
.con h1{text-align:left;}這樣工作量小,但是不靈活
③ WORDPRESS發表文章如何調用CSS樣式呢
CSS樣式都是放在<head>標簽對中進行調用,代碼如下:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
你把需要添加的樣式在CSS文件里修改好,就可以了
在發表文章時,把編輯窗口切換到html編輯模式就可以使用<link>標簽了,對SEO沒什麼影響
④ wordpress怎麼更改css樣式
二、確定修改重點
這里講述的是怎麼修改CSS文件,其實仔細觀察Wordpress主題模板代碼,不管是index.php首頁還是page.php頁面,或者single.php文章內頁,你會發現,其實大部分主題都只是通過CSS來控制頁面布局,頁面本身的代碼基本相同,特別是一些國外簡潔明了的優秀主題更是如此。
當我們要修改某部分樣式及結構時,都會直接打開Wordpress主題模板文件或在後台編輯主題,密密麻麻的代碼,就是主題作者自己看了也會頭暈眼花,所以會經常在關鍵部位加上一些注釋,
php中注釋一般為:<!– XXX –>
css中為:/** XXX **/
一般調整比較常見的是頁面寬度、文本主體寬度、字體大小、行間距、背景顏色等。通過修改style.css文件都能夠達到預期效果(部分主題會指定CSS文件,只需對應找到控制的CSS文件),部分國外主題在functions.php中加入加入大量模板函數,這不是本文講述的重點。
三、修改Wordpress主題CSS文件
下面以Wordpress默認主題Twentyeleven修改為例
用Mozilla Firefox瀏覽器打開網站,首先在要修改樣式的地方右鍵單擊→查看元素。
此時瀏覽器自動打開DOM樣式探查器
左側是頁面html源代碼,右側這部分就是控制標題文字的CSS屬性,當然可以自己琢磨著對照左側代碼進行選擇
我們簡單地對CSS參數進行調整,可以實時預覽效果,不管是字體大小,還是背景顏色都如此。
例如把color: rgb(34, 34, 34);調整為color: rgb(345, 34, 34);你會發現標題顏色發生改變,再加入字體參數font-size: 20px;
font-family: 微軟雅黑; 此時發現頁面中,文章標題全部都變為微軟雅黑字體,字型大小為20px,紅色,調整到滿意的效果後,就應該把文件修改進CSS文件里。注意:字體如果是要使用微軟雅黑等中文字體時,需要參照CSS中文字體對照表使用Unicode編碼
保存方法有二種
一種是對照代碼右側位置style.css:745 用Dreamweaver軟體或是記事本打開style.css文件找到第745行代碼進行修改。另一種是點擊style.css:745自動跳轉到樣式編輯器,然後選擇保存CSS文件。
⑤ 如何給wordpress內容加上css
添加一些額外的CSS樣式重新定義某篇WordPress文章的外觀風格,可以直接在文章編輯器中直接添加CSS代碼。
將下面代碼添加到WordPress主題頭部模板 header.php中:
<?php if (is_single()) {
$css = get_post_meta($post->ID, 'css', true);
if (!emptyempty($css)) { ?>
<style type="text/css">
<?php echo $css; ?>
</style>
<?php }
} ?>
⑥ 如何自定義wordpress菜單css樣式
參考下面方法
CSS 背景屬性(Background)
background
在一個聲明中設置所有的背景屬性。
1
background-attachment
設置背景圖像是否固定或者隨著頁面的其餘部分滾動。
1
background-color
設置元素的背景顏色。
1
background-image
設置元素的背景圖像。
1
background-position
設置背景圖像的開始位置。
1
background-repeat
設置是否及如何重復背景圖像。
1
CSS 邊框屬性(Border 和 Outline)
border
在一個聲明中設置所有的邊框屬性。
1
border-bottom
在一個聲明中設置所有的下邊框屬性。
1
border-bottom-color
設置下邊框的顏色。
2
border-bottom-style
設置下邊框的樣式。
2
border-bottom-width
設置下邊框的寬度。
1
border-color
設置四條邊框的顏色。
1
border-left
在一個聲明中設置所有的左邊框屬性。
1
border-left-color
設置左邊框的顏色。
2
border-left-style
設置左邊框的樣式。
2
border-left-width
設置左邊框的寬度。
1
border-right
在一個聲明中設置所有的右邊框屬性。
1
border-right-color
設置右邊框的顏色。
2
border-right-style
設置右邊框的樣式。
2
border-right-width
設置右邊框的寬度。
1
border-style
設置四條邊框的樣式。
1
border-top
在一個聲明中設置所有的上邊框屬性。
1
border-top-color
設置上邊框的顏色。
2
border-top-style
設置上邊框的樣式。
2
border-top-width
設置上邊框的寬度。
1
border-width
設置四條邊框的寬度。
1
outline
在一個聲明中設置所有的輪廓屬性。
2
outline-color
設置輪廓的顏色。
2
outline-style
設置輪廓的樣式。
2
outline-width
設置輪廓的寬度。
2
CSS 文本屬性(Text)
color
設置文本的顏色。
1
direction
規定文本的方向 / 書寫方向。
2
letter-spacing
設置字元間距。
1
line-height
設置行高。
1
text-align
規定文本的水平對齊方式。
1
text-decoration
規定添加到文本的裝飾效果。
1
text-indent
規定文本塊首行的縮進。
1
text-shadow
規定添加到文本的陰影效果。
2
text-transform
控制文本的大小寫。
1
unicode-bidi
設置文本方向。
2
white-space
規定如何處理元素中的空白。
1
word-spacing
設置單詞間距。
1
CSS 字體屬性(Font)
font
在一個聲明中設置所有字體屬性。
1
font-family
規定文本的字體系列。
1
font-size
規定文本的字體尺寸。
1
font-size-adjust
為元素規定 aspect 值。
2
font-stretch
收縮或拉伸當前的字體系列。
2
font-style
規定文本的字體樣式。
1
font-variant
規定是否以小型大寫字母的字體顯示文本。
1
font-weight
規定字體的粗細。
1
CSS 外邊距屬性(Margin)
margin
在一個聲明中設置所有外邊距屬性。
1
margin-bottom
設置元素的下外邊距。
1
margin-left
設置元素的左外邊距。
1
margin-right
設置元素的右外邊距。
1
margin-top
設置元素的上外邊距。
1
CSS 內邊距屬性(Padding)
padding
在一個聲明中設置所有內邊距屬性。
1
padding-bottom
設置元素的下內邊距。
1
padding-left
設置元素的左內邊距。
1
padding-right
設置元素的右內邊距。
1
padding-top
設置元素的上內邊距。
1
CSS 列表屬性(List)
list-style
在一個聲明中設置所有的列表屬性。
1
list-style-image
將圖象設置為列表項標記。
1
list-style-position
設置列表項標記的放置位置。
1
list-style-type
設置列表項標記的類型。
1
marker-offset
2
內容生成(Generated Content)
content
與 :before 以及 :after 偽元素配合使用,來插入生成內容。
2
counter-increment
遞增或遞減一個或多個計數器。
2
counter-reset
創建或重置一個或多個計數器。
2
quotes
設置嵌套引用的引號類型。
2
CSS 尺寸屬性(Dimension)
height
設置元素高度。
1
max-height
設置元素的最大高度。
2
max-width
設置元素的最大寬度。
2
min-height
設置元素的最小高度。
2
min-width
設置元素的最小寬度。
2
width
設置元素的寬度。
1
CSS 定位屬性(Positioning)
bottom
設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
2
clear
規定元素的哪一側不允許其他浮動元素。
1
clip
剪裁絕對定位元素。
2
cursor
規定要顯示的游標的類型(形狀)。
2
display
規定元素應該生成的框的類型。
1
float
規定框是否應該浮動。
1
left
設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
2
overflow
規定當內容溢出元素框時發生的事情。
2
position
規定元素的定位類型。
2
right
設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
2
top
設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
2
vertical-align
設置元素的垂直對齊方式。
1
visibility
規定元素是否可見。
2
z-index
設置元素的堆疊順序。
2
CSS 列印屬性(Print)
orphans
設置當元素內部發生分頁時必須在頁面底部保留的最少行數。
2
page-break-after
設置元素後的分頁行為。
2
page-break-before
設置元素前的分頁行為。
2
page-break-inside
設置元素內部的分頁行為。
2
widows
設置當元素內部發生分頁時必須在頁面頂部保留的最少行數。
2
CSS 表格屬性(Table)
border-collapse
規定是否合並表格邊框。
2
border-spacing
規定相鄰單元格邊框之間的距離。
2
caption-side
規定表格標題的位置。
2
empty-cells
規定是否顯示表格中的空單元格上的邊框和背景。
2
table-layout
設置用於表格的布局演算法。
2
CSS 偽類(Pseudo-classes)
:active
向被激活的元素添加樣式。
1
:focus
向擁有鍵盤輸入焦點的元素添加樣式。
2
:hover
當滑鼠懸浮在元素上方時,向元素添加樣式。
1
:link
向未被訪問的鏈接添加樣式。
1
:visited
向已被訪問的鏈接添加樣式。
1
:first-child
向元素的第一個子元素添加樣式。
2
:lang
向帶有指定 lang 屬性的元素添加樣式。
2
CSS 偽元素(Pseudo elements)
:first-letter
向文本的第一個字母添加特殊樣式。
1
:first-line
向文本的首行添加特殊樣式。
1
:before
在元素之前添加內容。
2 :after 在元素之後添加內容。
⑦ wordpress如何調用分類目錄帶css樣式
wordpress別這么設置分類目錄,你可以參考下wordpress自帶主題twentyten下面的分類目錄,<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> 用這個函數處理的,css你可以自己調
⑧ 如何用WordPress定製CSS
二、確定修改重點這里講述的是怎麼修改CSS文件,其實仔細觀察Wordpress主題模板代碼,不管是index.php首頁還是page.php頁面,或者single.php文章內頁,你會發現,其實大部分主題都只是通過CSS來控制頁面布局,頁面本身的代碼基本相同,特別是一些國外簡潔明了的優秀主題更是如此。當我們要修改某部分樣式及結構時,都會直接打開Wordpress主題模板文件或在後台編輯主題,密密麻麻的代碼,就是主題作者自己看了也會頭暈眼花,所以會經常在關鍵部位加上一些注釋,php中注釋一般為:css中為:/**XXX**/一般調整比較常見的是頁面寬度、文本主體寬度、字體大小、行間距、背景顏色等。通過修改style.css文件都能夠達到預期效果(部分主題會指定CSS文件,只需對應找到控制的CSS文件),部分國外主題在functions.php中加入加入大量模板函數,這不是本文講述的重點。三、修改Wordpress主題CSS文件下面以Wordpress默認主題Twentyeleven修改為例用MozillaFirefox瀏覽器打開網站,首先在要修改樣式的地方右鍵單擊→查看元素。此時瀏覽器自動打開DOM樣式探查器左側是頁面html源代碼,右側這部分就是控制標題文字的CSS屬性,當然可以自己琢磨著對照左側代碼進行選擇我們簡單地對CSS參數進行調整,可以實時預覽效果,不管是字體大小,還是背景顏色都如此。例如把color:rgb(34,34,34);調整為color:rgb(345,34,34);你會發現標題顏色發生改變,再加入字體參數font-size:20px;font-family:微軟雅黑;此時發現頁面中,文章標題全部都變為微軟雅黑字體,字型大小為20px,紅色,調整到滿意的效果後,就應該把文件修改進CSS文件里。注意:字體如果是要使用微軟雅黑等中文字體時,需要參照CSS中文字體對照表使用Unicode編碼保存方法有二種一種是對照代碼右側位置style.css:745用Dreamweaver軟體或是記事本打開style.css文件找到第745行代碼進行修改。另一種是點擊style.css:745自動跳轉到樣式編輯器,然後選擇保存CSS文件。
⑨ wordpress怎麼添加自己的css
WordPress主題修改CSS教程_網路經驗 http://jingyan..com/article/8275fc86a70c5446a03cf6f9.html
⑩ wordpress code 標簽樣式在哪裡修改
找到代碼所屬div,火狐firebug右側還能查看css,嘗試修改樣式,如果正確則確定該css屬性,進入主題css文件進行修改 (美設之家)