css語法.筆記 « MUKI space*

css語法.筆記

2011年10月05日

老實說，我一直很排斥blueprint, sass, compass這種非CSS正統格式的快速工具。擁護者常會說他們很快速、方便，而且可以幫你把hack全部處理完，還可以有效簡化流程balabala一堆，但對我來說，我還是喜歡自己慢慢刻的那種成就感，而且Compass所產生出來的css讓我覺得非常的髒，註解一堆，也不是按照我所愛的編排習慣。但，我還是開始碰觸Compass了...。大概有10%原因是受到這張比較圖的影響▼ 甚麼!!Compass居然自居是武裝過......繼續閱讀 »

css語法.筆記

語法 | 用css讓區塊水平垂直置中

2010年06月01日

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

css語法.筆記, wordpress技巧, 生活記錄

「親手打造部落格的家：WordPress架站、管理、經營」二刷訊息 & bug修正

2010年03月26日

親手打造部落格的家：WordPress架站、管理、經營剛剛收到消息說，我寫的這本書要二刷了!!! 不過可能是因為換了新工作，一直處在早起晃神的狀態，所以一開始收到這個訊息還蠻平淡的。直到過了幾分鐘才慢慢有種興奮的感覺，哇塞，二刷耶，好屌唷!!!! 然後這個月也要開始在大陸發行這本書了，真的很期待吶。但是.... 這邊要跟大家致上深深的歉意，因為我只是個超小咖的作者，所以當我收到要二刷的訊息時，書已經在印製了。 ......繼續閱讀 »

css語法.筆記, wordpress技巧, 生活記錄

「親手打造部落格的家：WordPress架站、管理、經營」上市囉

2010年02月09日

親手打造部落格的家：WordPress架站、管理、經營 2010年2月2日，我寫的書正式上市囉。各大通路販售地點目前已知可在以下地點購買(香港也買得到囉!!!)：【網路書店】 1. 博客來書籍館(9折)： http://www.books.com.tw/exep/prod/booksfile.php?item=0010460373 2. 松崗購物網(85折)： http://www.kingsinfo.com.tw/item_detail.asp?pro_id=7406 3. 金石堂網路書店(79折)： http://www.kingstone.com.tw/book/book_page.asp......繼續閱讀 »

css語法.筆記

分享 | 我的reset.css是這麼寫的

2010年02月05日

今天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......繼續閱讀 »

css語法.筆記, wordpress技巧, 生活記錄

出書 | 親手打造部落格的家 WordPress架站管理經營

2010年01月12日

親手打造部落格的家 WordPress架站、管理、經營從去年9月開始寫的WordPress書籍，終於要在今年年初問世了。因為是第一次寫書，也怕可能寫到最後被腰斬、或是寫不好不出版的情況下，我一直都很低調，默默進行我的寫書活動，也因此知道我要出書的朋友們並不多。直到確定送印了，連封面都出來了，我才敢開始大肆宣揚 1/29新增公告：上市日期確定啦!!!! 1/18新增公告：本書的促銷活動 1/13新增：本書的作者陣容 1/13新增......繼續閱讀 »

css語法.筆記

語法 | css圓角(border-radius)介紹

2009年12月12日

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

css語法.筆記

分享 | 常見的CSS+DIV問題整理

2009年09月13日

這次想跟大家分享的主題是常見的CSS+DIV的問題，這些是我自己曾經碰過，或是工作上、朋友會問我的問題，我想也許許多CSS的初學者也會有這些疑惑，所以把它做個整理。另外要強調的一點是，我的工作=\=css人員，不是每天都在那邊寫css啦~。我的工作是網頁設計(設計是個多麼美妙的詞阿)，所以會大量用到PhotoShop以及Flash軟體，拜託別再問我「你是不是每天都在寫CSS」這種問題，我不想回答了。 Q.如何讓DIV區塊居中？ A.......繼續閱讀 »

css語法.筆記

語法 | IE8正式版hack

2009年07月08日

微軟推出的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......繼續閱讀 »

css語法.筆記

語法 | css自動換行

2009年06月12日

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

Page 1 of 312 3 »

CATEGORY:

SPONSOR:

COMMENT: