编辑“WordPress:CSS”

<span style="border:1px solid #000; text-align:center; float:right; padding:6px;"><strong>导航:</strong> [[WordPress:WordPress文档|上一级]] | [[WordPress]] | {{Template:WordPress导航}}</span>
<div style="clear:both;"></div>
WordPress非常依赖于CSS样式表达。通过[[Wordpress:Using Themes|WordPress v1.5 主题]]的介绍，你的版面选项不仅是被扩展了，更是打破了原有的限制！WordPress 比以往更容易更改外观，它拓展了空间甚至更多以帮助你[[Wordpress:Theme Development|建立你自己的主题]]和页面设计。

[[Wordpress:Glossary#CSS|CSS]]，即'''Cascading Style Sheets'''，（层叠样式表）。它可以脱离HTML结构存储页面风格信息（比如颜色和布局）。这样可以精确的控制你的网页布局，并让你的网页更快并且更容易更新。

本文简略介绍了CSS在 WordPress中的应用，并列举出了更多信息的一些参数。关于CSS的信息参见[[Wordpress:Know Your Sources#CSS|了解你的资源#CSS]]。

==WordPress和CSS==
WordPress 主题是由[[Wordpress:Templates|模板文件]]、[[Wordpress:Template Tags|模板标签]]
,以及 CSS样式表组合而成的，它们共同构成了你的WordPress的页面外观。

;模板文件：[[Wordpress:Stepping Into Templates|模板文件]]是创建页面所需的材料。在 [[Wordpress:Site Architecture 1.5|WordPress 主题结构]]中，标题、边框、内容和页脚都包含在单独的文件中。他们组合在一起构成了页面。你可以自定义这些参数。例如，在默认WordPress主题中，你的页面上在头版、分类、[[Wordpress:Creating_an_Archive_Index|档案]]以及[[Wordpress:Creating_a_Search_Page|搜索]]页面中可以找到很多缩略条目，边栏都会出现。点击任意文章，都会进入这个文章的显示页面，边栏就会消失。你可以[[Wordpress:The Loop in Action|选择哪一部分显示]]在你的网页上，个别的对他们进行定义，允许不同的标题或者边栏出现在同一个目录下的所有页面上。有关模板的更深的介绍，参见[[Wordpress:Stepping Into Templates|进入模板]]

;模板标签：模板标签是提供指令和请求以获得存储在WordPres内部数据库信息的二进制代码。有一些是可以配置的，允许你自定义日期、时间、列表以及其他网页上显示出来的元素。查看更多请点击[[Wordpress:Stepping Into Template Tags|进入模板标签]]。

;CSS样式表：在这里它们集合到了一起。在你网页上的每个模板文件中，有[[Wordpress:Site Architecture 1.5|XHTML 标签和CSS参数]]和模板标签和内容掺杂在一起。在每个主题的样式表中，有页面结构的命令。如果没有这些指令，你的页面看起来只是一个很长的打印出来的书页一样。有了这些指令，你可以移动你的材料，把你的标题做的很长，再加上写图片和照片，同样也可以做的短小精练。你的页面可以在两边留有空间的“漂浮”在浏览者屏幕的中央，也可以拉伸穿过整个屏幕，也可以占满整个屏幕。你的边栏可以在左也可在右，甚至可以在页面下方的中间位置。如何设计你的页面完全取决于你自己。当然所有的样式指令都可以在主题目录下的<tt>style.css</tt>文件中找到。

为了帮助您了解更多的关于CSS如何与你的网页建立联系，你可以阅读下边列出的资料：

* [[Wordpress:Templates|模板]] – 综合的WordPress主题和模板项目列表([[Wordpress:Using Themes|使用主题]]是一个很好的开始，列表中也还有其他高级应用文章供阅读)
* [[Wordpress:Blog Design and Layout|博客设计与布局]] - WordPress中页面设计相关的综合资源列表
* [[Wordpress:WordPress Lessons| Wordpress课程]] –有关WordPress各个方面的课程

==WordPress布局帮助 ==

如果你对于你的WordPress主题或者布局有什么疑问或者问题，可以从查看主题作者的网站开始，看是否有什么有关你的问题的更新或者答案。以下是一些资源：

* [[Wordpress:WordPress Lessons#Designing Your WordPress Site|设计WordPress网站的相关课程]]
* [[Wordpress:Site Architecture 1.5|页面结构1.5]]
* [[Wordpress:CSS Troubleshooting|CSS问题发现与处理]]
* [[Wordpress:Finding Your CSS Styles|寻找你的CSS风格]]
* [[Wordpress:CSS Fixing Browser Bugs|CSS调试浏览器错误]]
* [[Wordpress:Validating a Website|确认网站]]
* [[Wordpress:FAQ Layout and Design|FAQ规划与设计]]
* [[Wordpress:Templates|模板]]
* [http://www.wordpress.org/support/ WordPress 支持论坛]
* [http://www.tamba2.org.uk/wordpress/graphicalcss/ WordPress CSS 指南 作者：Podz]
* [[Wordpress:CSS Shorthand|CSS速记法]]
* [[Wordpress:HTML to XHTML|从HTML到XHTML]] <span style="color:red">新!</span>