Beauty CSS(1)-愛美是人的天性

愛美是人的天性,版面漂漂亮亮不用說,原始碼當然也要整整齊齊,除了(程式)看著心情好比較不會找你麻煩(喂)以外,除錯也比較容易。
CSS寫在哪裡?答案是行內、head tag、css檔內都可以。只是為了維護方便,最好的方式還是寫在css檔中統一維護。以下將分享我寫CSS的一些習慣,有誤之處還請不吝指正。

閱讀全文

作個網站吧!序(2013/10/30更新)

接觸網站開發的時間說長不長,說短也不短,
從原本的不務正業到最近才算得上是真正朝向網站開發前進。
從手刻html、css(還常常寫錯…現在好像也差不多:P)
到現在學習Sass等新技術的一步步走過來。
(甚麼?還有javascript!Orz)
日新月異的開發資訊與技術總是令我眼花繚亂,
在囫圇吞棗的當下也思考著是否該整理自己手邊的資訊,幫助自己不重蹈覆轍以及…蹲馬步!
閱讀全文

css hide text

在設計按鈕/連結想隱藏文字的時候,一般來說只要用text-indent:-9999px;把字拋出去就可,
但在舊版瀏覽器上實際測試,按鈕上會出現一個很小很小的點點,看來似乎無法作用。
拜Google大神後找到以下幾種方式:
閱讀全文

語系與段落對齊

前陣子切版時遇到了中文段落無法對齊的窘境,
一邊疑惑為甚麼以前試過是成功的,一邊再次膜拜google大神。
google 的方法不外乎是以下:

text-align:justify;/*段落兩端對齊,適用於block元素且可被繼承*/
但因為只支援英文,如果內文有中文的時候就要搭配以下屬性:
text-justify:distribute;(或newspaper, distribute-all-lines, inter-ideograph)

但這次用了google大神得到的使用方法還是不行。
閱讀全文