spotlight_title

目前分類:Web Note (21)

瀏覽方式: 標題列表 簡短摘要

真的是很久違的教學文,說實在的我下了超多空白支票
說好要教大家的東西全都沒寫出來,為了要還債減輕我的罪惡
就先從小記 List 著手吧!!

, , ,

Leah 發表在 痞客邦 PIXNET 留言(2) 人氣()

有時候一些必要狀況要用 iframe 嵌入頁面資料
當 iframe 裡面的內容並不是固定高度,可是卻希望頁面不要有小捲軸
這時候就需要用到這個東東了
, , , , , ,

Leah 發表在 痞客邦 PIXNET 留言(1) 人氣()

主要是在網頁 loading 較重的時候可以先用一個頂替的區塊
等到讀取完畢之後,再 call 指定的 function

, , , , ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

所謂 footer 置底指的是:
當內容高度尚未填滿瀏覽器視窗高度時,footer 依然會顯示在視窗的最下方;而當內容超過瀏覽器視窗高度時,會延伸內容區塊且緊接著 footer 區塊。

, , ,

Leah 發表在 痞客邦 PIXNET 留言(1) 人氣()

除了上回說到自訂網站的 iPhone、iPad 及 iPod touch 桌面捷徑圖示之外,還有一些基本的 meta 設定

Viewport的設定
, , , , , ,

Leah 發表在 痞客邦 PIXNET 留言(1) 人氣()

首先請準備一張正方形 icon 圖檔
大小請不要小於 200×200,如果可以的話直接用 512×512 製作即可

, , , ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

標題不知道怎麼下比較好~ 其實是捲動 html,body 的 animate 效果
首先記得檢查自己的網頁有無插入 jQuery 檔案


, , , ,

Leah 發表在 痞客邦 PIXNET 留言(7) 人氣()

一進畫面隨機寫入圖片語法
用於部落格上方刊頭、或變化語法後應用

, ,

Leah 發表在 痞客邦 PIXNET 留言(2) 人氣()

簡單的順序輪播
應用範圍:部落格刊頭、圖片show...等

, , ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

針對 IE 各種版本的 css hack

margin: 10px;
margin: 9px\9; /*for all ie */
margin: 8px\0; /*for ie8~9 */
*margin: 5px; /*for ie6~7 */
+margin: 7px; /*for ie7 */
_margin: 6px; /*for ie6 */

, ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

CSS 語法加註如下:

body {
  -webkit-text-size-adjust: none;
}

, , ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

強制斷行

  word-break: break-all;
, ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

轉貼自themes blog教學

--
, ,

Leah 發表在 痞客邦 PIXNET 留言(8) 人氣()

background: url('bg.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale');
_background: none ;
, , ,

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

因為透明度我很少用,畢竟我一直不走這種花俏的透明度路線~
然後因為需求我還是得用到...
所以又研究了一下...
, , ,

Leah 發表在 痞客邦 PIXNET 留言(2) 人氣()

其實很少碰到需要單獨針對 Safari 的狀況
但我還是遇到了說... 也只是小問題不過還是用到了...

Leah 發表在 痞客邦 PIXNET 留言(0) 人氣()

當一個大框架中有許多小物件 (box1、box2、box3、box4)
想要排列整齊並且橫向排列時,現在許多人會選擇用 position 的方式
但每個 box 都要分別去設定絕對位置是很麻煩的事情~
, ,

Leah 發表在 痞客邦 PIXNET 留言(7) 人氣()

ie6 對 height 讀取是以 min-height 定義的
所以當被指定 height: 150px; 的 div 的內容超過 150px 時
ie6 會自動擴大此 div
, , ,

Leah 發表在 痞客邦 PIXNET 留言(13) 人氣()

float 可說是常用的 css 屬性
但也常常會有 bug 出現

, ,

Leah 發表在 痞客邦 PIXNET 留言(8) 人氣()

position: relative; 常常被用來放在網頁整體主框架中
以部落格來說就是放在 #container 類的標籤較多

, ,

Leah 發表在 痞客邦 PIXNET 留言(2) 人氣()

1 2