:: Mr. 戀上 Miss. :::CSS 學習步驟

June 21,2005

CSS 學習步驟

→

嗯～
我想或許還是有人看不懂我寫的CSS 教學文吧 ^^"

不過這篇也不算是教學文
我把CSS 複製下來，把每一個重點標成紅色

其實樂多的CSS 不難懂
只是要在一大堆英文字串中找到想改的語法位置的確比較難

所以大家需要知道一些大標題
每一個大區塊裡面又有許多小區塊等著大家研究
如果連大區塊都找不到了，那麼小區塊長的更像

首先，大家先開啟下列網址↓
CSS 全文

我已經把所有重要的大區塊標上紅色
初學者可以比較看看，每個區塊其實有些地方是重覆的
像是「color、font-size、podding、font-family、float‧‧」諸如此類等，這些東西就是小區塊，會不停的出現在每個大區塊裡面

平常的CSS 都是黑色字
加上全部都是英文，所以大家看起來非常吃力跟辛苦
其實直接在網上改CSS 若是覺得很辛苦的話
大家不妨把CSS 複製在Word 修改再行貼上丫
畢竟Word 的字體可以放大，看起來也清楚舒服多了

有辦法區分區塊以後，就可以進入以下步驟了

學習順序↓
1、簡易HTML 教學
2、CSS 全文
3、樂多blog樣式結構表
4、CSS 語法〝小〞解析 ( 上 )
5、CSS 語法〝小〞解析 ( 下 )
6、其他CSS、HTML 學習

其實真的要多花點時間跟耐性
耐性是非常重要的，千萬急不得
有些人改不好，就急起來了
或者是找不到要改的字串，也急起來了
其實搞不好要找的東西就近在眼前，只因為自己一慌就什麼都找不到了

說真的，我能幫忙的有限
所以大家只能靠自己，要多加練習唷 ^_^

希望這篇能幫到大家 ^^"
還有，一定要仔細看其他人寫的教學文唷
不要跳過讓過，上看看下看看，要仔細滴看唷 ^_^

Posted by happy1211230 at 樂多Roodo! │10:52 │回應(36) │Miss. 分享

樂多分類：網路/3C 共同主題：讓Blog更有自己的風格工具：編輯本文

回應文章

這...這太貼心了吧

回覆：

希望有所幫助

Posted by alyssa at June 21,2005 12:39

非常非常的用心
我曾經也想做這樣的教學文
但是沒有行動力
我相信這是學習blog ccs的最好開頭
而這裡更是我心中學習ccs的母校本營喔！哈哈哈

回覆：

呵～
謝謝妳咧 ^_^

Posted by swing at June 21,2005 12:47

覺得你寫的這篇文章好棒喔！
因為我只要看css就一個頭兩個大，
也是全靠你寫的教學文慢慢摸的，
不過不知道樂多有沒有可以邊改邊看版面，
而不要都是透過傳到樂多上才能看到改完的畫面，
因為有的時候可能剛好在改版面，
可是路過的人就會覺得怎麼版面突然換了，
改不好的時候就更慘了！
不過樂多現在應該還沒有可以試看改版的畫面吧！
很感謝你這麼用心的寫教學文呢！

Posted by 依戀魚 at June 21,2005 16:33

喵~寫的很詳細喔!辛苦了^^
其實我在改CSS或看別人的教學文時
我會在心情比較好、比較平靜下看大家的教學文
要不然我會沒那個心情去努力研究他

剛開始接觸blog時，無意間發現到這
就剛好看到你寫的教學文，點進去時
發現看不懂那是什麼東西，因為第一次接觸到CSS
也不知道那些東西在CSS的哪裡
曾經想說算了好了
不過當過了幾天，有那個心情看時，發現並不會很難
只是要仔細的看，一定找的到

結論:我看東西、文章時，時機要對才行^^"

Posted by ling at June 22,2005 10:46

回覆：

希望大家都派的上用場囉 ^_^

Posted by 版主 at June 24,2005 10:26

超好用的，我把它放在我首頁的連結裡，如果覺得不妥我再拿掉唷。

Posted by 小丸子 at July 15,2005 10:46

一定会努力学习的`谢谢教程`呵呵
等学好了就更感谢了`^___^`开始`

Posted by snail at August 8,2005 22:26

我都看不懂

Posted by ????? at August 13,2005 13:39

請問一下:

怎樣在各別回應文章裡,直接回覆訪客的留言啊?
像這兒的第一篇,妳直接回覆:希望有幫助!
這怎麼弄的? 不是回覆都只能重新再貼一篇嗎?
有空請告知,謝謝! ^^

Posted by Miller at August 23,2005 14:16

謝謝你ㄉ教學分享喔!!由於本身對電腦沒有太多ㄉ瞭解,所以總是害怕ㄑ更動,不過有ㄌ你ㄉ鼓勵...讓我有ㄌ更多信心,真是太感謝嚕 11118

<一起附上學習中ㄉ部落>

Posted by 芷米 at October 18,2005 22:44

您好:
謝謝您提供這個門外漢能有這麼棒的學習內容
^__^
我想請教一下,如何將二欄位改成三欄位?
自己連結的很棒網站(如:: Mr. 戀上 Miss. ::)如何在的三則留言?該網站名下方出現最新的三則留言?
還有阿,我一直搞不懂樂多的最新引用是什麼?該如何用?

Posted by 幸福 at December 9,2005 11:00

拍勢,
第二個問題重申...^__^

自己連結的很棒網站(如:: Mr. 戀上 Miss. ::)如何在該網站名下方出現最新的三則留言?
萬分感激~~~

Posted by 幸福 at December 9,2005 11:02

回覆：

>> 幸福

至妳家回覆

Posted by 版主 at December 9,2005 12:44

謝謝Man喵這麼快速的留言~~

1、我不會改三欄式，不過大部份的人都建議，直接套用三欄來改即可
　再加上妳的背景是屬於一整片的圖，直接套用三欄來改應該不會太困難
>>>>我就是直接copy別人設計的三欄式ccs,可是到了我家卻變成二欄的~~

2、最新引用：

　所謂的最新引用，是別人引用妳的文章，妳可以在妳家看到有哪些文章被哪些部落引用走，文章最下方都有一個「引用URL」那是給訪客使用的，當然‧‧如果有的人用了妳的文，又沒有用這項功能，妳當然也不可能知道
>>>所以假設我要使用Man喵的文章,只要在您的「引用URL」輸入我的網址,即可讓您知道我「借用」了您的大作囉~~

3、如何在該網站名下方出現最新的三則留言

我不太懂是什麼意思耶？！
妳的意思是‧‧如果在連結的網站名下方出現對方家最新的日記嗎？
>>>>Yes,就是這個意思

.....哩哩雜雜一堆....再次謝謝您了....^__^

Posted by 幸福 at December 9,2005 13:06

真是太感謝您的指導哩!對我真是幫助很多。。超級好用的啦！有把它加入首頁的連結裡。

Posted by jean at January 11,2006 09:09

回覆：

>> jean

不客氣 ^_^

Posted by 版主 at January 11,2006 10:55

我的樂多網誌可能被人侵入擅改設定,請問各位,如何恢復原有的設定.
使邊欄回到原來的位置.
我常遇到無聊人搗亂，還留貼色情圖文。
乞請幫忙.
http://blog.roodo.com/henrychoy
csk20003@yahoo.com.hk

Posted by hc20005 at January 18,2006 12:24

打扰,我想问个比较白痴的问题...
乐多blog,在管理的哪一部分能编辑修改css呀?

Posted by 泠 at January 21,2006 14:43

回覆：

>> 泠

URL

你進入上面的連結，是我寫的教學文
大概看一下上半段，就會知道 CSS 在哪裡修改了

至於想學會如何修改
那你要認真的研究教學文，其他應該有啥太大的問題 ^_^

Posted by 版主 at January 25,2006 00:08

我還是聽不懂說
我還會更努力學的...
希望你們能多多幫我歐!!
謝謝版主大大~~
:")

Posted by 笨笨的布丁 at March 27,2006 17:25

我還是聽不懂說
我還會更努力學的...
希望你們能多多幫我歐!!
謝謝版主大大~~
:")

Posted by 笨笨的布丁 at March 27,2006 17:25

看了幾篇你的css教學
是從各個不同的網誌連結過來的

你真的好用心喔!
很感謝有像你這樣的部落客願意不厭其煩地寫教學文章

其實...
我也有問題想請教版主...
想先請問版主有沒有使用firefox?
不知道版主能不能幫我解決在firefox與ie看起來版面不太一樣的問題?

Posted by hikawac at April 28,2006 11:53

● hikawac
我會至你家回覆唷 ^_^

Posted by 版主 at May 8,2006 12:55

I like your site very much
http://lorazepam.hepi.pl/
http://didrexx.hepi.pl/
http://bontril.hepi.pl/
http://klonopin.hepi.pl/
http://flexxeril.hepi.pl/
http://zyban.hepi.pl/
http://valtrex.hepi.pl/
http://fluoxetine.hepi.pl/
http://imitrex.hepi.pl/
http://zanaflex.hepi.pl/

Posted by Buy medications at July 7,2006 21:45

Good site. I`m impressed!
http://www.cuteweblog.com/realtor/ http://www.cuteweblog.com/london/ http://blogsharing.com/lasvegas/ http://blogsharing.com/london/ http://www.akablogs.com/lasvegas/ http://www.akablogs.com/paris/ http://www.dablogs.com/?u=Airflyer http://www.dablogs.com/?u=newhomes http://flighttoparis.forumup.org http://family.forumup.org

Posted by Realtors at July 29,2006 10:34

Posted by Insurance at August 5,2006 20:44

Posted by Gps at August 12,2006 22:14

Posted by Ringtones at August 16,2006 03:01

T1 [URL=http://www.google.ca/02.html] T2 [/URL] [URL]http://www.google.ca/03.html[/URL] [LINK=http://www.google.ca/04.html] T4 [/LINK] [LINK]http://www.google.ca/05.html[/LINK] http://www.google.ca/06.html iy51oC

Posted by Markus at June 6,2007 02:29

板大關於您寫的教學文我還是有點看不太懂

我有個問題想請教..

我想改留言板的位置

原本都靠在最左邊..

我想把它整個移到中間..

請問要改哪裡??

Posted by matex at November 10,2007 14:24

請問你這個教ccs也能用到wretch無名嗎?

Posted by jetaime222 at March 9,2008 05:17

你寫的很簡單易懂..不過有些我還是不懂= =

不過如果要在標題前加圖..那圖片網址是要放那邊阿?
我記的沒錯..這各地方是跟標題有關的吧?
.title {

FONT-SIZE: 12px;

COLOR: #003366;

height: 25px;

padding-left: 5px;

padding-right: 5px;

font-weight: normal;

}

總之謝謝你^^

Posted by 海豚 at March 23,2008 13:51

to jetaime222
在.title {}
之內加上
background-image: url(圖檔位置);
background-position:9px 5px;//決定圖的左右上下位置//
background-repeat: no-repeat;//決定圖是否重複//

Posted by jon at March 24,2008 14:53

[URL=http://www.queridas.cn/triple] triple [/URL] triple [URL=http://www.queridas.cn/corsi-programmazione] corsi programmazione [/URL] corsi programmazione [URL=http://www.queridas.cn/cameron-diaz-nuda] cameron diaz nuda [/URL] cameron diaz nuda

Posted by Ibrahim at May 25,2008 11:21

日安、
回覆一下上面有網址失聯了orz
這個→3、樂多blog樣式結構表
阿唔、很需要的說orz..請問能否救回XD;;;??

Posted by 學習者^^;;; at August 8,2008 01:48

nice day,

Posted by Irzdkybg at September 9,2008 08:25

姓名 :
Email :
URL :
回應狀態:	公開私密
	記住我的資訊顯示我的圖像 ( 登入或申請個人圖像 )
回應內容 :

回最上方