寫教學的最大目的是教會未來的自己

增加共用程式碼,減少ctrl+c/ctrl+v-善用CSS

當我要寫這篇的時候…….我十分羞愧地承認,我還不完全善用CSS

我的CSS 功力仍然十分薄弱…..

所以 這篇 有些只是嘴砲 說說理論……..

 

在很早以前,我學習 撰寫網頁時,恩~不能說撰寫,因為我是用 dreamweaver和 frontPage的 設計界面….,當然,有時會使用一下程式碼模式

那時候 很多顯示效果都適用 HTML搞定,像是font 這種東西,雖然現在大多使用CSS 來設定,但是有時候還是會不小心 用到….多年來的習慣…

好像有點離題了….

 

使用 CSS  的好處是什麼?為何 在新的W3C 格式中,把 HTML、XHTML 中類似的功能都拿掉留給了 CSS呢?最簡單的原因是,妳可以讓多個頁面,多個tag 共用一個 CSS,訂好CSS 格式的 網站,可以藉由換CSS黨,快速修改兩種佈景主題,像我這個CSS 苦手,一個CSS 檔連吃三個網站…,每次只稍作修改……

 

CSS 大致上分成三種使用方式:

  1. 直接在 < > 中加入style=" CSS ",例如<p style='font-family:verdana; font-size:16;'>This is font size 16.</p>,這樣做,就是只有這個 tag 自己使用。
  2. 在<head></head>中 加入<style type="text/css"> </style>,CSS 的程式碼放<style>裡面,這種做法可以讓整個網頁共用
  3. 在<head></head>中 加入<link rel=stylesheet type="text/css" href="external-stylesheet.css">,href=" "放 css 檔案的位置,把CSS 整個獨立出來寫,href 的用法跟 <a href…>一樣,任何網頁只要有引用這條,都可以使用

因為CSS是苦手,就不多加說明了,以下兩個是我常去參考的教學網站,自己去看看吧~~。

http://css.1keydata.com/tw/apply.php

http://www.w3schools.com/

 

我通常是用 第三種的CSS 用法,利用 class 的方式再做處理,不過使用CSS時最重要,也最需要注意的是,有些在IE6、7、8在特效上會有問題….撰寫時,請多多測試….,否則會很悲劇……

 

 

不知不覺 又嘴砲了一篇爛教學XD…

Post to Twitter Post to Plurk Post to Facebook Send Gmail

發表迴響

Copyright © 2019. All Rights Reserved.