iT邦幫忙

21

12種CSS小技巧

css

http://urbanoalvarez.es/blog/2008/03/17/most-used-css-tricks/

上面這個網站提供了12種css常用的小技巧,包括
1.不使用圖片的圓角技巧
2.設定ol、ul的樣式
3.不使用表格定位的表單
4.使用blockquote語法時出現引號
5.文字斜度效果
6.用line-height作垂直置中
7.使用圖片的圓角效果
8.串接多個class
9.水平置中
10.首字大寫
11.將過長文字折行
12.show出firefox的scrollbar,移除IE textarea的scrollbar


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
plutosrita
iT邦研究生 1 級 ‧ 2008-04-04 08:40:44

嗯嗯。原來如此

0
5min
iT邦好手 3 級 ‧ 2008-04-04 12:41:40

好分享

0
xsenie628
iT邦新手 1 級 ‧ 2008-04-04 18:24:19

謝謝你提供實用的資訊囉。

0
john651216
iT邦研究生 1 級 ‧ 2008-04-05 04:32:13

很實用的分享,謝謝

0
plutosrita
iT邦研究生 1 級 ‧ 2008-04-05 11:19:39

用到以後發現真的很實用,謝謝

0
q778142001
iT邦新手 4 級 ‧ 2008-04-05 12:20:39

右學到了@@!!

0
skite
iT邦大師 5 級 ‧ 2008-04-05 14:11:18

不過現在IE和Firefox都還未能通過Acid2測試,對CSS的支援似乎也不完全,不知道這幾個語法使用上有沒有什麼問題呢?

0
davistai
iT邦大師 1 級 ‧ 2008-04-09 23:47:06

酷喔^^

0
wordsmith
iT邦高手 1 級 ‧ 2008-04-11 17:44:20

第6條的利用line-height來垂直置中是將本身的高度與行高設成一樣,雖然解決了我的問題,不過發現如果行數變成兩行時,悲劇就會發生,超高的行高讓畫面全亂了套。

0
tgunlu
iT邦研究生 1 級 ‧ 2008-04-21 23:13:25

謝謝分享

0
fanylu60
iT邦研究生 1 級 ‧ 2008-04-21 23:24:12

非常好的資訊

0
yce701116
iT邦研究生 1 級 ‧ 2008-04-21 23:34:13

感謝分享這個資訊

0
plutosrita
iT邦研究生 1 級 ‧ 2008-05-03 09:19:33

謝謝分享~~又學到了

0
funkent
iT邦高手 1 級 ‧ 2008-05-14 19:48:37

有可以套用的example真的太好囉

0
jamesjan
iT邦高手 1 級 ‧ 2008-09-26 08:33:43

感恩 挖到寶囉

0
doz
iT邦好手 8 級 ‧ 2008-09-26 09:59:49

圓角不賴,這個好用

我要留言

立即登入留言