css語法.筆記

2011年10月05日

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


2010年06月01日

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


2010年03月26日

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


2010年02月09日

「親手打造部落格的家:WordPress架站、管理、經營」上市囉
親手打造部落格的家: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......繼續閱讀 »


2010年02月05日

分享 | 我的reset.css是這麼寫的
今天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......繼續閱讀 »


2010年01月12日

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


2009年12月12日

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


2009年09月13日

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


2009年07月08日

語法 | IE8正式版hack
微軟推出的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......繼續閱讀 »


2009年06月12日

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

Page 1 of 3123»
 
字體大小: 小字型 12px大字型 15px
▲ back to top