關於部落格
二歲ㄉ部落格,有部落格ㄉ朋友支持,人氣一定會旺旺喔!!...不要讓部落荒廢哩...還有來逛逛的時候...記得留下你的腳印喔!!!
  • 8591

    累積人氣

  • 2

    今日人氣

    0

    追蹤人氣

CSS語法

◇ 如何控制文字不隨瀏覽器的檢視設定變動

當你辛辛苦苦完成網頁想秀一下時,卻發現瀏覽器的字型檢視一
 調整,整個網頁就扭曲成一團,慘不忍睹!這時候你就可以利用
 CSS 將字型大小控制住,就算別人再怎麼調整字型,也不會改變
 網頁一分一毫了。將下列虛線中的語法複製到
 <head> ..... </head> 之間即可。
[語法]
 --------------------------------------------
 <style type="text/css">
 <!--
   body { font-size: 10pt; line-height: 1.2em }
   td  { font-size: 10pt; line-height: 1.2em }
   font  { font-size: 10pt; line-height: 1.2em }
 -->
 </style>
 --------------------------------------------

 [說明]

 1. 字型大小自由設定,line-height 是指物件的頂端邊界。
  em 是字型的高度單位,屬於相對長度單位。

---------------------------------------------------

◇ 控制超連結的顏色與底線

目前最常使用的 CSS 語法,就是控制超連結的顏色與底線,
 你可以依樣畫葫蘆,將下列虛線中的語法貼在 html 語法中
 <head> ..... </head> 之間:

 [語法]
 ---------------------------------------------------------------------------
 <style type="text/css">
 <!--
    A: link  {text-decoration: none ; color: 0000ff }
    A: visited {text-decoration: none ; color: 0099ff }
    A: active {text-decoration: none ; color: 0099ff }
    A: hover {text-decoration: underline ; color: cc0066}
 -->
 </style>
 --------------------------------------------------------------------------

 [說明]

 1. 你可以自己更改色碼 (#xxxxxx),換上你喜歡的顏色,
  若需要加底線,就將 none 改成 underline 即可,試試看。

 2. 為了避免有些瀏覽器將 <style> ..... </style> 標記間的敘述
  當成普通字,而顯現在網頁上,因此建議將敘述文字放在
  html 註釋語句 <!-- ..... --> 中。

--------------------------------------------------------------------

◇ 如何使背景不隨文字滾動

有時瀏覽別人的網頁,在拉動捲軸時,背景卻不隨文字滾動,
 這是因為背景被設為'固定'的原因,只要將虛線內的語法複製
 到 <head> ..... </head> 之間即可。

 [語法]
 --------------------------------------------------------
 <style>
 <!--
   body {background-attachment: fixed}
 -->
 </style>
 --------------------------------------------------------

 [說明]

 1. 屬性 fixed : 背景不隨文字滾動。
  屬性 scroll : 背景隨文字滾動(預設)。

 2. 建議使用在單純的背景,以避免前景與背景重疊 。
  如果你需要的廣告效果在背景上,這也是一個好方法。

-------------------------------------------------------------------------------

◇ 如何將瀏覽器與網頁之間的邊界去除

在瀏覽器的預設值裡,網頁頁面與瀏覽器邊界是留有固定的邊界,
 如果你是用深色背景的話,這個邊界會造成畫面不美觀。因此,
 要去掉這個邊界,只要將虛線內的語法複製到
 <head> ..... </head> 之間即可。

 [語法]
 -----------------------------------------------------------------
 <style type="text/css">
 <!--
 body { margin-top: 0px; margin-left: 0px;
    margin-right: 0px; margin-bottom: 0px }
 -->
 </style>
 -----------------------------------------------------------------

 [說明]

 1. 上述語法是比較完整的寫法,簡單一點可以寫為 :margin=0

 2. 你可以依需求更改邊界值設定。

◇ 如何將表格的框線變得更細緻

在大型網站常會使用許多表格,妳可以發現這些表格的框線都很
 細緻,可是用網頁編輯軟體做出來的表格,框線都粗粗的不太好
 看。只要將下列語法 (A),複製到該表格 <table> 的屬性中,即可
 得到不錯的效果喔,試一試吧!

 (A):bordercolordark="#FFFFFF" bordercolorlight="#006600"

 [語法]
 ------------------------------------------------
 <table border="1" 將 (A) 貼在這裡 >

 </table>
 ------------------------------------------------

 [說明]

 1. 其實 (A) 語法是表現表格的立體性,因為我們設定 border="1",
  所以立體效果顯不出來,反而是讓框線變細了。另外,框線的
  顏色可自行改變。

 2. 如果要讓框線有立體效果,只要改變 border 的值就可以了

相簿設定
標籤設定
相簿狀態