參考下面方法
創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目做網(wǎng)站、網(wǎng)站制作網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元康縣做網(wǎng)站,已為上家服務(wù),為康縣各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792
CSS 背景屬性(Background)
background
在一個聲明中設(shè)置所有的背景屬性。
1
background-attachment
設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動。
1
background-color
設(shè)置元素的背景顏色。
1
background-image
設(shè)置元素的背景圖像。
1
background-position
設(shè)置背景圖像的開始位置。
1
background-repeat
設(shè)置是否及如何重復(fù)背景圖像。
1
CSS 邊框?qū)傩裕˙order 和 Outline)
border
在一個聲明中設(shè)置所有的邊框?qū)傩浴?/p>
1
border-bottom
在一個聲明中設(shè)置所有的下邊框?qū)傩浴?/p>
1
border-bottom-color
設(shè)置下邊框的顏色。
2
border-bottom-style
設(shè)置下邊框的樣式。
2
border-bottom-width
設(shè)置下邊框的寬度。
1
border-color
設(shè)置四條邊框的顏色。
1
border-left
在一個聲明中設(shè)置所有的左邊框?qū)傩浴?/p>
1
border-left-color
設(shè)置左邊框的顏色。
2
border-left-style
設(shè)置左邊框的樣式。
2
border-left-width
設(shè)置左邊框的寬度。
1
border-right
在一個聲明中設(shè)置所有的右邊框?qū)傩浴?/p>
1
border-right-color
設(shè)置右邊框的顏色。
2
border-right-style
設(shè)置右邊框的樣式。
2
border-right-width
設(shè)置右邊框的寬度。
1
border-style
設(shè)置四條邊框的樣式。
1
border-top
在一個聲明中設(shè)置所有的上邊框?qū)傩浴?/p>
1
border-top-color
設(shè)置上邊框的顏色。
2
border-top-style
設(shè)置上邊框的樣式。
2
border-top-width
設(shè)置上邊框的寬度。
1
border-width
設(shè)置四條邊框的寬度。
1
outline
在一個聲明中設(shè)置所有的輪廓屬性。
2
outline-color
設(shè)置輪廓的顏色。
2
outline-style
設(shè)置輪廓的樣式。
2
outline-width
設(shè)置輪廓的寬度。
2
CSS 文本屬性(Text)
color
設(shè)置文本的顏色。
1
direction
規(guī)定文本的方向 / 書寫方向。
2
letter-spacing
設(shè)置字符間距。
1
line-height
設(shè)置行高。
1
text-align
規(guī)定文本的水平對齊方式。
1
text-decoration
規(guī)定添加到文本的裝飾效果。
1
text-indent
規(guī)定文本塊首行的縮進(jìn)。
1
text-shadow
規(guī)定添加到文本的陰影效果。
2
text-transform
控制文本的大小寫。
1
unicode-bidi
設(shè)置文本方向。
2
white-space
規(guī)定如何處理元素中的空白。
1
word-spacing
設(shè)置單詞間距。
1
CSS 字體屬性(Font)
font
在一個聲明中設(shè)置所有字體屬性。
1
font-family
規(guī)定文本的字體系列。
1
font-size
規(guī)定文本的字體尺寸。
1
font-size-adjust
為元素規(guī)定 aspect 值。
2
font-stretch
收縮或拉伸當(dāng)前的字體系列。
2
font-style
規(guī)定文本的字體樣式。
1
font-variant
規(guī)定是否以小型大寫字母的字體顯示文本。
1
font-weight
規(guī)定字體的粗細(xì)。
1
CSS 外邊距屬性(Margin)
margin
在一個聲明中設(shè)置所有外邊距屬性。
1
margin-bottom
設(shè)置元素的下外邊距。
1
margin-left
設(shè)置元素的左外邊距。
1
margin-right
設(shè)置元素的右外邊距。
1
margin-top
設(shè)置元素的上外邊距。
1
CSS 內(nèi)邊距屬性(Padding)
padding
在一個聲明中設(shè)置所有內(nèi)邊距屬性。
1
padding-bottom
設(shè)置元素的下內(nèi)邊距。
1
padding-left
設(shè)置元素的左內(nèi)邊距。
1
padding-right
設(shè)置元素的右內(nèi)邊距。
1
padding-top
設(shè)置元素的上內(nèi)邊距。
1
CSS 列表屬性(List)
list-style
在一個聲明中設(shè)置所有的列表屬性。
1
list-style-image
將圖象設(shè)置為列表項標(biāo)記。
1
list-style-position
設(shè)置列表項標(biāo)記的放置位置。
1
list-style-type
設(shè)置列表項標(biāo)記的類型。
1
marker-offset
2
內(nèi)容生成(Generated Content)
content
與 :before 以及 :after 偽元素配合使用,來插入生成內(nèi)容。
2
counter-increment
遞增或遞減一個或多個計數(shù)器。
2
counter-reset
創(chuàng)建或重置一個或多個計數(shù)器。
2
quotes
設(shè)置嵌套引用的引號類型。
2
CSS 尺寸屬性(Dimension)
height
設(shè)置元素高度。
1
max-height
設(shè)置元素的最大高度。
2
max-width
設(shè)置元素的最大寬度。
2
min-height
設(shè)置元素的最小高度。
2
min-width
設(shè)置元素的最小寬度。
2
width
設(shè)置元素的寬度。
1
CSS 定位屬性(Positioning)
bottom
設(shè)置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
2
clear
規(guī)定元素的哪一側(cè)不允許其他浮動元素。
1
clip
剪裁絕對定位元素。
2
cursor
規(guī)定要顯示的光標(biāo)的類型(形狀)。
2
display
規(guī)定元素應(yīng)該生成的框的類型。
1
float
規(guī)定框是否應(yīng)該浮動。
1
left
設(shè)置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
2
overflow
規(guī)定當(dāng)內(nèi)容溢出元素框時發(fā)生的事情。
2
position
規(guī)定元素的定位類型。
2
right
設(shè)置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
2
top
設(shè)置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
2
vertical-align
設(shè)置元素的垂直對齊方式。
1
visibility
規(guī)定元素是否可見。
2
z-index
設(shè)置元素的堆疊順序。
2
CSS 打印屬性(Print)
orphans
設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁時必須在頁面底部保留的最少行數(shù)。
2
page-break-after
設(shè)置元素后的分頁行為。
2
page-break-before
設(shè)置元素前的分頁行為。
2
page-break-inside
設(shè)置元素內(nèi)部的分頁行為。
2
widows
設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁時必須在頁面頂部保留的最少行數(shù)。
2
CSS 表格屬性(Table)
border-collapse
規(guī)定是否合并表格邊框。
2
border-spacing
規(guī)定相鄰單元格邊框之間的距離。
2
caption-side
規(guī)定表格標(biāo)題的位置。
2
empty-cells
規(guī)定是否顯示表格中的空單元格上的邊框和背景。
2
table-layout
設(shè)置用于表格的布局算法。
2
CSS 偽類(Pseudo-classes)
:active
向被激活的元素添加樣式。
1
:focus
向擁有鍵盤輸入焦點的元素添加樣式。
2
:hover
當(dāng)鼠標(biāo)懸浮在元素上方時,向元素添加樣式。
1
:link
向未被訪問的鏈接添加樣式。
1
:visited
向已被訪問的鏈接添加樣式。
1
:first-child
向元素的第一個子元素添加樣式。
2
:lang
向帶有指定 lang 屬性的元素添加樣式。
2
CSS 偽元素(Pseudo elements)
:first-letter
向文本的第一個字母添加特殊樣式。
1
:first-line
向文本的首行添加特殊樣式。
1
:before
在元素之前添加內(nèi)容。
2
:after
在元素之后添加內(nèi)容。
1.首先找到wordpress菜單中的class類名
2.在wordpress模版目錄下一般在wp-content\themes\主題名,找到style.css
3.在style.css中為類名添加樣式,如下:
.menu-item:{color:red;}
這樣就可以設(shè)計菜單css樣式了
wordpress是個建站程序,購買域名和空間就可以了,域名相當(dāng)于你的門牌號,空間相當(dāng)于你的房屋構(gòu)架,程序就是你屋內(nèi)的裝飾。
1、使用高效的緩存插件
WordPress的插件們是非常有用的, 我推薦一款緩存插件可以改善頁面載入時間,它就是W3 Total Cache,有了這個插件之后咱就不再推薦你其他緩存插件了,因為所有緩存插件有的功能它都有了,而且安裝和使用非常方便。
擁有這款插件之后,你的頁面載入速度會加快,因為網(wǎng)站的主要元素已經(jīng)被緩存了。
2. 使用內(nèi)容分發(fā)網(wǎng)絡(luò) (CDN)
基本上所有你喜歡的大網(wǎng)站都會使用CDN。簡單來說,CDN是把你站點上的文件們(CSS\JS\圖片等)發(fā)布到最接近用戶所在的網(wǎng)絡(luò)區(qū)域,讓用戶就近下載,這樣就能提高站點運行速度。在國內(nèi)ChinaCache是比較有名的CDN供應(yīng)商,不過價格貴了一些,像各大門戶網(wǎng)站,比如騰訊、新浪、網(wǎng)易等等都是用ChinaCache。所以不管你在哪里,訪問這些門戶網(wǎng)站都會覺得速度很快。當(dāng)然啦,對于小站來說,這個成本可能會高一些,
所以,你無論是在南方,或者北方,還是在北美,訪問這些門戶網(wǎng)站,感覺速度都很快,最主要的原因之一就是CDN發(fā)揮了效果。一般小網(wǎng)站是用不起這服務(wù)的,所以慢點就慢點了吧,可以租用互聯(lián)互通的6線機(jī)房(6線機(jī)房是指包括網(wǎng)通、電信、鐵通、移動、聯(lián)通、教育網(wǎng)等多線接入的骨干網(wǎng)IDC機(jī)房,徹底消除各地網(wǎng)絡(luò)瓶頸,保證互聯(lián)網(wǎng)訪問暢通無阻的高速機(jī)房。)
順便提一下,還有一個Wordpress插件叫Free-CDN,號稱也能達(dá)到類似的效果,雖然我還沒有做過測試…
3、圖片優(yōu)化很重要
Yahoo! 有一個圖片優(yōu)化軟件叫Smush.it可以最大程度無損壓縮圖片,不過,除非你超級有耐心,否則一張張壓縮圖片的話太浪費時間了,好在,還有一個很給力的WP插件叫WP-SmushIt,這貨可以為你網(wǎng)站上所有的圖片做一次性壓縮,所以沒有理由不去用它。
4、優(yōu)化你的WP數(shù)據(jù)庫
你可以用WP-Optimize這個插件來優(yōu)化你的WP數(shù)據(jù)庫(清理spam,反復(fù)改版的文章,草稿,表格等等為你的服務(wù)器騰出更多空間從而提升效率);還有一些插件如WP-Cleaner,DB-Manger等。
5、開啟防盜鏈機(jī)制
盜鏈?zhǔn)菐挼母`賊,當(dāng)其他網(wǎng)站直接引用你站點的圖片的時候,這會影響占用你本身的服務(wù)器資源從而影響網(wǎng)站運行效率,你的站點越出名,就會有越多的人盜用你的圖片,解決方法是Wordpress有現(xiàn)成的插件Hotlink Protection。當(dāng)然也可以通過重寫htaccess文件來達(dá)到同樣的效果,欲深入了解的童鞋可以詢問自己的空間商如何設(shè)置。
6、為文件添加過期時間
關(guān)于這個文件過期時間,聽起來很玄乎,其實就是通過header報文來指定特定類型的文件在瀏覽器中的緩存時間。有些文件(例如樣式表中調(diào)用的背景圖片和一些裝飾性圖片)其實在很長一段時間內(nèi)這些圖片都不會有很大的變化,所以對這類文件我們不妨設(shè)置長一些的緩存時間,這樣瀏覽器就不需要每次從服務(wù)器下載這些文件而直接從緩存中讀取,這樣絕對可以提升加載速度。