文字與網頁連結的區分.......（p4）

A      <<<<看到旁邊的英文字母，讓您想到什麼？？？

1.日本影片

2.ACE一級棒or第一名

3.考試成績很好，拿了個A

4.網頁語法，很多有關於a的語法後面都連接網址

ANS：____________

詳細解答請看明日的......耶！！！這梗用過了

請原諒我最近壓力大，梗都想不出來了

答案是4.網頁語法，很多有關於a的語法後面都連接網址

＝＝＝＝＝分隔線＝＝＝＝＝

請作一個測試：

請點選一下，下面兩個「男子漢」的文字

男子漢   <<<請點它.....沒任何動作吧！！

男子漢   <<<請點它.....會跑出一個網頁吧！小聲說：他是我兵器譜上排行第一的好友

以上實驗..........

請交出10頁以上的心得報告......謝謝！！

啊！不是啦！！

一樣是男子漢

一個可以跑出網頁，一個沒任何反應

在網頁上面

點文字無任何反應，這叫做純文字。例如：第一個男子漢

如果點文字，會跑出網頁，這叫網頁連結。例如：第二個男子漢

為什麼要說這一個簡單的道理

因為之前我有說過

首頁組成有三個基本部分

圖片、文字、網頁連結

圖片部分

我在上一篇文有概略說過了

而純文字與網頁連結

是比較容易讓人搞混的的地方

而在CSS語法修改

純文字與網頁連結是需要分別設定的

＝＝＝＝＝分隔線＝＝＝＝＝

我們先說純文字好了

純文字的變化是最簡單的

其指令動作不外乎有

紅色字體是比較常用到的

  用途	CSS語法（指令動作）	屬性說明
設定文字顏色	color:顏色代碼	#000000=預設文字顏色
設定字型	font-family:字型代碼	新細明體=預設字型
設定字體大小，單位為 px 或 pt	font-size:像素或點數	12 pt=預設字體
設定字型樣式	font-style:italic font-style:normal	italic=斜體字 nornal=標準字
設定特別字型樣式	font-variant:small-caps font-style:normal	samll-caps=小號的全部大寫字樣 nornal=標準字
設定字體粗細	font-weight:bold font-weight:bolder font-weight:lighter font-weight:像素(px) font-weight:normal	bold=粗體 bolder=超粗體 lighter=細體 400=預設值 nornal=標準字
設定文字間距	letter-spacing:像素(px)	0=預設值 nornal=標準間距
設定行距	line-height:百分比或行數	100%=預設值
設定文字對齊	text-align:left text-align:center text-align:right text-align:justify	left=靠左對齊(預設值) right=靠右對齊 center=置中對齊 justify=左右對齊
設定文字花樣	text-decoration:underline text-decoration:line-through text-decorationverline text-decoration:blink text-decoration:none	underline=加底線 line-through=加刪除線 overline=加頂線 blink(閃爍) none(無特殊花樣)
設定首行縮排	text-indent:像素(px)或點數(pt)	0=預設值

備註：
1.所謂預設用法，是指如不使用此指令，會出現的樣式， 所謂 normal (標準) 用法，是指如果在一開始時設定為特效，則使用此指令，可還原成預設的樣式。
2.在 CSS 內可使用的長度單位有 pt (point)、px (pixel)、pc (pica, 1/6 in)、cm (centimeter)、 mm (milimeter)、% (percentage)。
3.顏色表示法有顏色代碼#RRGGBB、顏色英文名稱、顏色比重 RGB(%,%,%)、顏色數碼 RGB(#,#,#)。
4.色碼表>>>>> http://board.ek21.com/colortable.htm >>>>> http://nicktasu.miroko.com.tw/020.jpg
不要被上面的表列嚇到了～～～
因為常用到的動作指令就改字體顏色與字體大小而已
其他的並不常用到
等您語法再熟一點，在慢慢研究其他的指令意義就好了。
＝＝＝＝＝分隔線＝＝＝＝＝
再來說一下網頁連結的部份
網頁連結這部份........我們只談卡提諾臉書上首頁的部份
您請回你的首頁看看
有哪一些東西，會有網頁連結產生？？？
1.人名id
2.日誌標題
3.投票
4.評論與回復
5.其他資料
6.首頁.........消息<<這一列
7.提醒
8.邀請........退出<<這一列
9.好友與最近來訪
10.其他......我懶得打了
看起來好像網頁連結比純文字多
呵呵～～這就是卡提諾臉書的特色～～
網友之間的互動比傳統部落格更為重視
那改變方式基本上跟純文字大同小異
只是有一個關鍵問題
「滑鼠問題」
『簡單講就是滑鼠移動到該網頁連結時的變化』
舉例說明：
每個人的id都是一個網頁連結
我把我的id改成紅色字體

  
請注意上面圖片，滑鼠位置並沒有再我的id上面，字體是紅色
如果把的滑鼠位置移到我的id上
就會看到我的id顏色從紅色變成綠色，如下圖所示

這就是網頁連結可以做修改的變化模樣
＝＝＝＝＝分隔線＝＝＝＝＝
講到這邊為止
關於圖片、純文字、網頁連結的修改變化
應該有一定了解了吧！！
再來就是認識每一個區塊代碼的位置在哪裡
就可以自行修改出屬於自行風格的首頁了