<p>
前段时间做了个简单的Q2A主题，有朋友留言说比较乱，于是决定写一篇简单的说明供大家参考，想到哪儿写到哪儿，稍微有点乱。</p>
<p>
主题快捷传送门：<a href="//feifei.im/archives/60">https://feifei.im/archives/60</a> </p>
<p>
一.“qa-theme.php”为重写的主题文件，它继承自“qa-include\qa-theme-base.php”</p>
<?php
class qa_html_theme extends qa_html_theme_base
{
<p>
二.页面html声明</p>
function doctype()
{
$this->output('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>');
}
<p>
visibility 属性规定元素是否可见
常用的值是 visible 和 hidden
| 值 | 描述 |
|---|---|
| visible | 默认值。元素是可见的。 |
| hidden | 元素是不可见的。 |
| collapse | 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。 |
| inherit | 规定应该从父元素继承 visibility 属性的值。 |
display 属性规定元素应该生成的框的类型
常用的值是 block、none 和 inline
| 值 | 描述 |
|---|---|
| none | 此元素不会被显示。 |
| block | 此元素将显示为块级元素，此元素前后会带有换行符。 |
| inline | 默认。此元素会被显示为内联元素，元素前后没有换行符。 |
| inline-block | 行内块元素。（CSS2.1 新增的值） |
| list-item | 此元素会作为列表显示。 |
| run-in | 此元素会根据上下文作为块级元素或内联元素显示。 |
| compact | CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 |
| marker | CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 |
| table | 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 |
| inline-table | 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 |
| table-row-group | 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。 |
| table-header-group | 此元素会作为一个或多个行的分组来显示（类似 <thead>）。 |
| table-footer-group | 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。 |
| table-row | 此元素会作为一个表格行显示（类似 <tr>）。 |
| table-column-group | 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。 |
| table-column | 此元素会作为一个单元格列显示（类似 <col>） |
| table-cell | 此元素会作为一个表格单元格显示（类似 <td> 和 <th>） |
| table-caption | 此元素会作为一个表格标题显示（类似 <caption>） |
| inherit | 规定应该从父元素继承 display 属性的值。 |
在隐藏元素上的区别
虽然 Visibility 和 Display 属性都可以隐藏一个元素，但它们之间的不同点在于
visibility: hidden 在隐藏一个元素的同时仍然在页面上为该元素保留所需的空间，
而 display: none 则表现得像把元素从页面里删除了，在页面上看不出该元素还存在着。
<script type="text/javascript">
$(document).ready(function()
{
alert($("#divid").height()); //id为divid的区域高度
alert($("#divid").width()); //id为divid的区域宽度
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
}
)
</script>