php div show request

show REQUEST in div

<div id="mymsg" style="position:fixed;bottom:0px;left:0px; z-index:99999999999;background:#fff;border:2px inset red;"><script>function close_mymsg(){document.getElementById("mymsg").style.display="none";}</script> <? print_r($_REQUEST); ?><input type="submit" onclick="close_mymsg()" value="x"></div>



also
http://jqueryui.com/dialog/

[bat] delete empty directory at file

#Code :

@for /F "delims=^|" %%i in ('dir "%CD%" /ad/b/s ^| sort /R') do @( rd "%%i" 2>NUL && echo is deleted "%%i" )

#Code End

CSS 默認樣式表 HTML4

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

來源 http://www.w3.org/TR/CSS2/sample.html

css: box-sizing

box-sizing
 此特徵可改變元素預設的矩形格子模型（box model）其計算高與寬的方法。這是 CSS3 建議的特徵。
IE8 使用 box-sizing；
Safari, Chrome 用 -webkit-box-sizing；
Firefox 用 -moz-box-sizing。
可設的值有：
content-box：矩格的寬與高只包括內容，不含內緣（padding），邊線（border），外緣（margin）。此為預設值。
padding-box：矩格的寬與高包括內容加上內緣。CSS3 無此項，只有 Firefox 支援此項。
border-box：矩格的寬與高包括內容加上 內緣與邊線。

fw: reset css

各自為政的瀏覽器

網頁設計的標準（HTML & CSS）是由 W3C 協會所制定的，然而，各大瀏覽器為了展現自身的強大，都自行加入一些有的沒有的設定，造成咱們網頁設計師在排版的時候，就得依每個瀏覽器的不同，而多花好多時間來調整改寫 CSS 語法。

使用 CSS 最令人頭痛的部份就是各家瀏覽器的差異性太多了，用 CSS 寫好的網頁排版明明在 IE 6 看起來很正常，但是到了 Firefox 卻全變了樣，排版的位置都跑位了…. 更何況還有 IE7、IE 8、Safari、Opera、Google Chrome…這麼多種不同的瀏覽器，每一個看起來都是會跑位，很多網頁設計師因此而爆肝的不少！

關於 W3C 標準

造成這樣大差距，主因在於「W3C 所制定的 HTML 標籤在 CSS 中的預設值 」各大瀏覽器的支援程度都不太相同，基本上 Firefox 和 Google Chrome 是最聽話的一家，只要是 W3C 規定的 Firefox 和 Google Chrome 都會乖乖照辦，然而，最不聽話的就是 IE 瀏覽器，常常跟 W3C 唱反調，更慘的是還有 IE6、IE7、IE8、IE9 對於 CSS 的呈現都有些不太一樣啊….唉！

最佳的方法「Reset CSS」

世界知名的 CSS 大師「Eric A. Meyer」整理出一個很棒的解決方法「Reset CSS」，針對 CSS 語法最容易出問題的部份~例如 margin 外間距，各大瀏覽器最常發生不一致的狀況，現在將 margin  全部統一歸 0 ，其他部份，文字大小和行高也全部統成一樣的大小 …. 等，只要掛上這一段「Reset CSS」語法，就可以讓所有的各大瀏覽器乖乖聽話，呈現一樣的結果，CSS 的大同世界就在這裡啊！

「Reset CSS」的語法如下：

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

 

下載： http://meyerweb.com/eric/tools/css/reset/reset.css

來源： http://meyerweb.com/eric/tools/css/reset/