編輯“WordPress:Know Your Sources”

=有案可查=
你設(shè)計(jì)主題或者風(fēng)格，你會(huì)用到HTML 和 CSS參考內(nèi)容。這里是一些資源，時(shí)間長(zhǎng)了，你會(huì)對(duì)它們十分熟悉。我們推薦你保存或者把這個(gè)頁(yè)面做個(gè)書簽，作為你在進(jìn)行[[WordPress:Using Themes|WordPress 主題]] 和 [[WordPress:Templates|模板]]操作時(shí)的參考。

=HTML=
* [http://www.w3.org/TR/xhtml1/ XHTML-1 參考]
* [http://www.w3.org/MarkUp/ HTML 進(jìn)階參考]
* [http://www.w3.org/XML/ XML參考]
* [http://www.w3.org/ 萬維聯(lián)盟]

=PHP=
* [http://www.phpbuilder.com/ PHP Builder]
* [http://www.php.net/ PHP.net]
* [http://php.resourceindex.com/ PHP 資源索引]

==學(xué)習(xí) PHP==
* [http://adambrown.info/b/widgets/easy-php-tutorial-for-wordpress-users/ 為WordPress用戶設(shè)計(jì)的非常基礎(chǔ)的PHP 指南]

=CSS=
* [http://www.w3.org/2002/03/new-to-w3c 在W3C找到你自己的方式]
* [http://www.w3.org/TR/REC-CSS1 CSS-1 參考]
* [http://www.w3.org/Style/css1-updates/REC-CSS1-19990111-errata.html 升級(jí)至 CSS-1]
* [http://www.w3.org/TR/REC-CSS2/ CSS-2參考]
* [http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html 升級(jí)至CSS-2]
* [http://gallery.theopalgroup.com/selectoracle/ Selectoracle – 進(jìn)入CSS樣式表，一目了然]
* [http://www.websitetips.com/css/index.shtml Websitetips.com – 部分CSS 資源和鏈接]

==學(xué)習(xí) CSS==
* [http://www.w3schools.com/ W3 學(xué)校]
* [http://www.createwebmagic.com/css101/ CSS101: 初學(xué)者課程]
* [http://www.htmldog.com/guides/cssbeginner/ HTML Dog CSS 初學(xué)者指南]
* [http://web.nwe.ufl.edu/writing/help/web/authoring/html/css/div.html NWE Help's CSS DIV 標(biāo)簽取代表格]
* [http://www.mako4css.com/ CSS 常見問題以及專家回答]
* [http://www.yourhtmlsource.com/stylesheets/introduction.html CSS 樣式表的HTML 源代碼介紹到]
* [http://www.wpdfd.com/editorial/basics/index.html Web Page Design for Designers - CSS From the Ground Up]
* [http://www.westciv.com/style_master/academy/hands_on_tutorial/ Westciv's CSS 入手指南]
* [http://www.digital-web.com/articles/css_101/ 數(shù)碼頁(yè)面 CSS 101]
* [http://www.alvit.de/handbook/ 網(wǎng)頁(yè)開發(fā)人員的網(wǎng)路]
* [http://www.cssvault.com/ CSS Vault]
* [http://www.mezzoblue.com/css/cribsheet/ Mezzoblue's CSS Cribsheet]

==樣式指南==
* [http://www.nypl.org/styleguide/ NYPL 樣式指南]
* [http://www.richinstyle.com/ Rich-In-Style 指南]
* [http://www.w3.org/Style/ W3c's 網(wǎng)頁(yè)樣式表指南]
* [http://www.bigbaer.com/css_tutorials/ BigBaer.com 的CSS 指南]
* [http://www.w3.org/MarkUp/Guide/Style 加一點(diǎn)樣式]

==CSS 專家意見和舉例==
* [http://www.meyerweb.com/eric/css/ Eric Meyer's CSS Edge]
* [http://www.ericmeyeroncss.com/ Eric Meyer 關(guān)于 CSS (關(guān)于書本的站點(diǎn))]
* [http://www.csszengarden.com/ CSS Zen Garden - the art of the possible in CSS]
* [http://www.alistapart.com/ 分開的列表]
* [http://www.cameraontheroad.com/index.php?p= CSS 設(shè)計(jì)經(jīng)驗(yàn)]
* [http://www.stylegala.com/ 節(jié)日慶祝樣式]
* [http://www.oswd.org 網(wǎng)頁(yè)設(shè)計(jì)開放源代碼]

==布局資源==
* [http://www.positioniseverything.net 位置就是一切]
* [http://www.positioniseverything.net/guests/3colcomplex.html 位置就是一切之復(fù)雜的三列 - Perched on a Lily Pad]
* [http://www.positioniseverything.net/piefecta-rigid.html 位置就是一切之 Piefecta Ridid 3-列版面]
* [http://www.alistapart.com/articles/flexiblelayouts/ A List Apart's Flexible 帶有CSS布置的版面]
* [http://glish.com/css/ Glish.com CSS版面技術(shù)]
* [http://www.alistapart.com/articles/negativemargins/ 使用負(fù)片空白創(chuàng)建流動(dòng)版面]
* [http://www.alistapart.com/articles/fauxcolumns/ 人工列: 列擴(kuò)展]
* [http://imaginaryworld.net/layouts/ 虛構(gòu)世界的網(wǎng)絡(luò)大腦CSS版面模板]
* [http://www.brainjar.com/css/positioning/default.asp Brainjar的CSS 布置]
* [http://www.w3schools.com/css/css_examples.asp W3 Schools的CSS 舉例]
* [http://www.stopdesign.com/articles/absolute/ Stopdesign's 建立絕對(duì)關(guān)系]
* [http://www.cornerstonechurches.org.uk/ctindex.php ClevaTreva Designs' Bug Proof CSS 樣式表生成器]
* [http://nemesis1.f2o.org/articles 彩色的兩個(gè)欄目]
* [http://www.mako4css.com/Tutorial.htm Mako CSS 布置]
* [http://wdvl.internet.com/Authoring/Style/Sheets/Positioning/Toss/ 扔掉表格:CSS才是主題]
* [http://www.mardiros.net/liquid-css-layouts.html 流動(dòng)CSS版面 – 設(shè)計(jì)可代替表格網(wǎng)頁(yè)的網(wǎng)頁(yè)]
* [http://www.bluerobot.com/web/layouts/ 版面庫(kù)]
* [http://css.maxdesign.com.au/ MaxDesign CSS 版面舉例和指導(dǎo)]
* [http://www.meyerweb.com/eric/css/ Eric Meyer  關(guān)于CSS的文章]
* [http://www.yourhtmlsource.com/stylesheets/csslayout.html CSS版面指導(dǎo)]
* [http://www.mandarindesign.com/style.html Mandarian Design CSS 舉例, 小提示，小技巧, Tricks]
* [http://webhost.bridgew.edu/etribou/layouts/ RuthsarianLayouts's CSS 版面模板和小提示]
* [http://css-discuss.incutio.com/?page=CssLayouts CSS版面小提示和技巧]
* [http://webhost.bridgew.edu/etribou/layouts/index.html Ruthsarian 版面實(shí)例]
* [http://webcolor.webmaster-kit.com WebColor 網(wǎng)頁(yè)管理員的CSS顏色工具]
* [http://www.cameraontheroad.com/index.php?cat=68 來自cameraontheroad 的CSS 小提示和技巧]
* [http://www.intensivstation.ch/en/css/ CSS 在Intensivstation中，怎么辦]

==邊框與設(shè)計(jì)元素==
* [http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html 關(guān)于方框的Noodle Incident 指南]
* [http://www.maxdesign.com.au/presentation/process/index.cfm Maxdesign 彩色方框與CSS]
* [http://nontroppo.org/test/ CSS 小品集]
* [http://www.mandarindesign.com/boxes.html Mandarin Design 方框和邊線: 方框小提示和小技巧]
* [http://tantek.com/CSS/Examples/ Tantek 高級(jí)CSS舉例]
* [http://sequoia.seq.org/teach/kelly/boxes.html 基本元素方框，空白，填充，填充材料]
* [http://www.bigbaer.com/css_tutorials/css.border.image.text.box.styles.htm CSS 邊線圖片文本框樣式]
* [http://www.cameraontheroad.com/index.php?p=153 設(shè)計(jì)元素的CSS經(jīng)驗(yàn)]
* [http://html-color-codes.com/ HTML 比色圖表]
* [http://html-color-codes.info/ HTML顏色選擇器]

== 論壇和郵件列表 ==
如果你想學(xué)習(xí)更多的CSS知識(shí)，特別是cutting edge CSS和頁(yè)面設(shè)計(jì)，訪問下邊的論壇和郵件列表來分享你的想法和跟別人學(xué)習(xí)。

* [http://www.css-discuss.org/ CSS-討論]
* [http://webdesign-l.com/ WebDesign-1 討論]
* [http://www.sitepoint.com/forums/forumdisplay.php?f=1 有關(guān)網(wǎng)頁(yè)設(shè)計(jì)和CSS的站點(diǎn)論壇]

== 書 ==

下邊是一些幫助你學(xué)習(xí)更多CSS知識(shí)和網(wǎng)頁(yè)設(shè)計(jì)的好書.

* [http://zeldman.com/dwws/ 網(wǎng)頁(yè)標(biāo)準(zhǔn)設(shè)計(jì)圣經(jīng), 作者 Jeffrey Zeldman]
* [http://www.simplebits.com/publications/solutions/ 網(wǎng)頁(yè)標(biāo)準(zhǔn)解決方案]
* [http://meyerweb.com/eric/writing.html All books by Eric Meyer]