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

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

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

script

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

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

先寫好要呼叫的 function
example:

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

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

實際範例:New CSS Sticky Footer (可縮放視窗高度以預覽置底效果)

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

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

Viewport的設定

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

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

然後將圖檔放入網站空間中
在 head 之間加入:

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

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


html 插入至網頁的任何區塊:

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

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

語法如下:

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


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


Leah 發表在 痞客邦 留言(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 發表在 痞客邦 留言(0) 人氣()

CSS 語法加註如下:

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

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

強制斷行

  word-break: break-all;
  word-wrap: break-word;

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

1 2
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。