顯示具有 23_網頁語法學習 標籤的文章。 顯示所有文章
顯示具有 23_網頁語法學習 標籤的文章。 顯示所有文章

2013年2月2日 星期六

css font 英數 中文 不對齊 處理

.

IE css font-family 數字 中文 不對齊 按鈕 偏上 置中 原因 問題 處理 決解

這只有在IE瀏覽器才會有的鳥問題...,比較新的版本IE似乎已經沒這問題。

一般寫完網頁除了IE外,還要試一下firefox及Chrome瀏覽器看看結果,

IE也要用舊版的run看看,畢竟XP內建的 IE6 還是有人用,

網頁能在各種瀏覽器下相容性高些會比較好。

2013年2月1日 星期五

IE js innerHTML textarea 無換行 處理

.

IE 瀏覽器 javascript id innerHTML 取值,在傳給 textarea 無換行 處理 解決

算是在用 Easy Guest board 留言板 時處理的一個問題,PO出來給大家參考。

避免代碼被瀏覽器解析掉,因此用成圖片,只是範例沒幾行code,簡單流程說明一下。

2012年10月5日 星期五

CSS 按鈕 橫排 及 div,span,class,id 解說

css 按鈕 橫排 顯示 效果,div , span , class , id 簡易解說

.

一、CSS 按鈕 橫排 顯示 效果

如圖:

 

 

2012年9月27日 星期四

CSS font family 字型 字體 V3

css font family 字型 字體 使用 方式 教學 解說 簡介


css 的 font-family 字型,字體 這個參數設置 ...真的是一大學問,實在太複雜,這邊就以簡單為主做介紹。

* font-family 分兩種設置值,一種是通用字體集(generic-family),另一種是字體名稱(family-name)

通用字體集(generic-family),如:
襯線字  serif
無襯線字 sans-serif
捲曲字體 cursive
花俏字體 fantasy
等寬字體 monospace

通用字體集(generic-family),應該是每個瀏覽器必備內建字體包,
可以看成,當family-name都找不到,就用generic-family內的字體包,
所以放在 font-family 參數最後面,一般都用 sans-serif

2012年9月20日 星期四

CSS 切割圖片 - 計數器 效果

css 切圖 切割



.

使用 css background 內的 url 來調用圖片,比用 htm img 標籤更有效率,同一張圖使用數次,只會向網站抓一次get值,

這裡要簡易來解說 css 使用 background 做切割圖片效果,就是取得圖片中需要的部份。

background 指令參數說明:
background:背景色 圖片位置 是否重覆或固定 x軸 y軸

overflow:hidden 似乎沒加也行,不過看很多人都加這串,順便也加入,超出隱藏的意思

隨便找了一個中文 0 ~ 九 的一張圖,後使用下述代碼:

2010年8月16日 星期一

javascript 使用 toString 10進位轉2或8或16進位.

toString():預設是10進位轉其它進位,不過好像還有其它作用,配合正則(頭痛),可匹配字符的樣子,目前沒用到,懶的查了。

範例:

javascript 中的 charAt 與 charCodeAt 方法說明

charAt():是回傳字元。
charCodeAt():是回傳字元的ASCII碼。

範例:

2010年8月12日 星期四

CSS 之 背景 (background) 屬性說明

由於html語法會被解析,所以不能發code,用圖片代替。



p {
background-image: url(img.gif);
}
執行結果:

2010年8月11日 星期三

CSS 之 ul li 標籤運用(橫向的連結選擇方塊)



橫向的連結選擇方塊,如上圖所示,運用範圍很廣,很多網站都有用到,滑鼠指標移到連結內就變色。