有時候我們想要做個簡單的首頁(有人稱前導頁、形象頁...等)，或是購物車平台要做圖片展示，會運用到水平+垂直置中的技巧。以前都是直接用text-align:center以及vertical-align:middle兩行解決。 但使用這個語法，有時成功、有時又會失效，在不太清楚原因的情況下，我改用了其他方法實現我想要的區塊水平垂直置中，在這邊也整理出來分享給大家，希望對你們有所幫助:) 首先先看範例： 首頁、前導頁、形象頁，區塊水平垂直置中......繼續閱讀 »

今天aj問我，要怎麼製作reset.css？ 我才想到原來我一直沒有釋出reset.css的檔案給大家，文章只有兩篇相關介紹文而已。 所以我決定把我自己在使用的reset.css分享給大家，順便簡單說明我是怎麼設定的 想使用的朋友，直接抓取以下的css語法即可。 reset.css 語法 body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0; } img {border: 0;} :focu......繼續閱讀 »

以前我們要做網頁圓角時，最早是將圓角做成8張圖片，把table畫成九宮格去插入、去設背景；到現在好一些，可以將圓角切成2張圖用div去設定；或是用一堆的1px去定位、去堆疊。 以往這樣切圖切到最後都會瘋掉，尤其是只是要一個單純的圓角。 幸好css3有了這一項新的技術，我們可以直接用語法設定圓角，不用再切一堆圖了。 css3公佈的圓角語法為border-radius，雖然現在還沒完全正式定案，但是已經有許多瀏覽器利用這個函式，......繼續閱讀 »

微軟推出的IE8對於css兼容性已經算高了，許多版面在火狐和IE8之間比較並沒有太大的差別。 但如果你願意... IE8仍然是有hack可以利用低。 @文章轉載自北京的虹的日誌 \9 ：ex.margin:0px auto\9; ，這裡的 \9 可以區別所有IE和FireFox. * ：IE6、IE7可以識別，IE8、FireFox不能 _ ：IE6可以識別，IE7、IE8、FireFox不能 簡易用法： .color{ background-color: #CC00FF; /*所有瀏覽器都會顯示為紫色*/ background-color: #FF......繼續閱讀 »

最近在修正公司某些跑版的問題，發現當使用asp.net的label元件拉文字的時候，他會自動幫你添加成span屬性，而當文章一長、原作者也未排版時，在火狐瀏覽器沒辦法自動換行。 如果需要解決此問題，只寫word-break:break-all;是沒有作用的。大家不妨參考這篇css之自動換行裡所提到的方法。 在這部分我所用的方法是他提出的第二點，我直接在label元件裡加上style="white-space:normal;overflow:hidden;width:500px;" 雖然他裡頭......繼續閱讀 »

昨天才發了一篇快速寫好css的5種方法，第一點開宗明義提到要使用css重置表(reset.css)，我在翻譯的時候有在後頭特別註明一下reset.css的觀念。老實說，本來想點到為止，但是今天卻偶然讓我發現內地的朋友寫了一篇「打造自己的reset.css」，不知是巧合還是註定？總之就把這篇分享給大家閱覽吧。 我覺得這篇文章寫的還不錯，但是裡頭很多元素平常人是不會去接觸的，所以在此我簡單解釋一下幾個html標籤、屬性的應用。 1. <......繼續閱讀 »

今天花了一點時間改個版面 其實也只有把外觀換了一下，內頁仍然不變(懶?) 因為我現在使用的瀏覽器是opera，加上我又有灌firefox、google瀏覽器，以及內建的ie6.0，在排版上面真的搞了一陣子orz。 本家是用opera，當然是以他為主，不過他跟FF的差異也沒太大， google瀏覽器也許是依據W3C，我看了也沒太大問題，唯一怪異的地方就是文字太小。 已經設定11px號字體，用google瀏覽器看到的字卻很奇怪(如圖) 使用google瀏覽器看到......繼續閱讀 »

簡單來說，就是把你放在部落格的mybloglog裡頭「View Reader Community、Join this Community、(provided by MyBlogLog)」這三行字給刪除 圖片解說： 有興趣的人請繼續閱讀吧 語法很簡單，只有短短三行 請將下面的這三行css放置在你自己的css檔案裡頭，然後上傳→重新整理 你就會發現字樣都沒囉Q .mbl_fo_hidden{display:none;} .mbl_join_img{display:none;} #tr0{display:none;} 當然..還是不推薦大家這樣做XD!!! 畢竟......繼續閱讀 »