CSS，即Cascading Style Sheet，中文是串聯樣式表。
聽起來好像很利害，但會不會很難學呢？
答案是：不會，而且非常容易。
不過首先你要懂得一點HTML，如果不懂，請按以下連結先上一課：
http://lnlnet.blogspot.com/2008/05/html_24.html
然後把這課做好的功課用記事本打開。
如果你沒有做好功課，又懶得去做，那麼建議你把這網頁的網址傳給你的所有朋友。
如果你連朋友也沒有，那實在非常可憐。我很同情你，以下的程式碼你就拿去吧！
好了！現在我們先來試一些簡單的CSS。
<html>
<head>
<title>包飽肚茶餐廳</title>
</head><body>
<h1>包飽肚茶餐廳</h1><h2>招牌大碗粥 $20</h2>
<p>大碗！多粥！保證夠飽肚！</p><h2>招牌大碗粉 $20</h2>
<p>大碗！多粉！保證夠飽肚！</p><h2>招牌大碗麵 $20</h2>
<p>大碗！多麵！保證夠飽肚！</p><h2>招牌大碗飯 $20</h2>
<p>大碗！多飯！保證夠飽肚！</p>
</body>
</html>
把以上的程式碼複製到<head>內。
<style type="text/css">
body {
background-color: orange;
color: white;
margin-left: 20%;
margin-right: 20%;
padding: 10px;
}
h1 {
font-weight: bolder;
}
h2 {
text-decoration: underline;
}
</style>
做好了？非常好，你已經正在運用CSS 了。
儲存然後用瀏覽器測試，看看有甚麼不同。
也許你還未知道自己正在做甚麼。
不緊要，你現在只須要明白兩件事。
第一、CSS 是負責網頁的樣式。21世紀的網頁是用HTML做架構，用CSS做樣式。只用HTML做的網頁，在90年代是很威，但在今日就……（當然，今時今日還有很多只用HTML做網頁的老古董！）
第二、CSS 的寫法。
其實很簡單，就像……
其實很簡單，就像……
漢堡包 ｛
牛肉：８成熟；
生菜：少量；
番茄：２片；
｝
即是：
元素 ｛
特性：值；
｝
好！相信聰明的你已經明白了。
但可以用CSS來設定的特性實在太多了，你有興趣的話可以瀏覽以下網址：
它還可以讓你試試這些特性的效果。
1 留言:
我喜歡你的教學方法!
讓我原本不知道什麼是css的
都快學會了..
很感謝
發佈留言