2012年6月

Question2Answer(q2a)主题模板制作入门

前段时间做了个简单的Q2A主题,有朋友留言说比较乱,于是决定写一篇简单的说明供大家参考,想到哪儿写到哪儿,稍微有点乱。

主题快捷传送门:https://feifei.im/archives/60

一.“qa-theme.php”为重写的主题文件,它继承自“qa-include\qa-theme-base.php”

<?php
class qa_html_theme extends qa_html_theme_base
{

二.页面html声明

function doctype()
   {
        $this->output('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">');
   }

- 阅读剩余部分 -

css中的visibility与display

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 则表现得像把元素从页面里删除了,在页面上看不出该元素还存在着。

jquery获取高度宽度的一些小记录

<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>

热评文章

最新文章

最近回复

归档

其它