對於做網頁,只能說,我缺乏美術學養,根本不會配色,
但是,因為我失業了,所以只好硬著頭皮做,
雖然人家只要樣式簡單的網頁,但是,這個當然不會是問題,
因為問題是,
「顏色.Color」

何謂CSS(Cascading Style Sheets),俗稱「串街樣式表」
簡單說(我說)就是:
※以瀏覽器有支援CSS為前提
在現有的架構之下,用一段語言把他掛上語言所描述的新衣,
並且以CSS顯示為主,不支援CSS則以HTML方式顯示。

當然我剛剛這段話,我想肯定有問題,因為
我根本不懂網頁語言,這段話是我亂摸之下感覺得。

什麼是網頁??
<html>
<head>
<title>(以下為標題)
</title>(以上為標題)
</head>
<body>(以下為主體架構)
</body>(以上為主體架構)
</html>


以上這一段我也肯定有問題,因為我沒看過書,
只看過一點網路文章,並且沒有用心看,
我只是說出我硬是使用之後的{心得}

如今,CSS這個玩意,就是在<head>反色塊這一段</head>
描述#這件新衣服的樣式#
掛上
<head>
<style type="text/css">(這一段叫瀏覽器看看新衣的款式)

我在這邊要描述新衣囉
我會講很多話,當然不是中文,
也絕對不是亂打,是要按部就班的。

</style>(跟瀏覽器說我把新衣款式交代完畢)
</head>

接下來說說每個地方要怎樣形容了,
畢竟,新衣服也會有分『手、腳、脖子、衣服、褲子…等等』
所以要交代怎樣區分囉,
假設,有個網頁是

<html>
<head>

</head>
<body>
<h1>對不起,你是個好人</h1>
</body>
</html>


所呈現的是

※正常網頁後面會有描述這段文字的顏色、大小…等等
但是因為我純講CSS,所以HTML部份就不多說囉!

所以現在如果我用上CSS在<html></html>之間,
變成
<html>
<head>

<style type="text/css">

h1{color:green;}

</style>


</head>
<body>
<h1>對不起,你是個好人</h1>
</body>
</html>


你會發現字體變成綠色

或許你會覺得這種東西HTML就可以簡單做到,
但是這只是開始啊,
先做簡單說明。
h1
就是說我網頁裡面
<h1>這邊的東西</h1>
就是把這部份視為一個物件,依照後面描述修改
這邊就要忠實呈現。
color
就是說,我設定他的顏色
green
就是顏色囉,當然他是使用網頁256色的
後面的;
表示color宣告結束,後面可以接上其他樣式的宣告。
如同
h1{
color:green;
font-size:10mm;
}


簡單說就是
元件標籤{樣式性質:設定值}


呼~~今天就簡單講到這樣吧
創作者介紹

EDA 物.種.原.始

edastyle 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • Aurora
  • 哈哈阿
    其實玩這個會上癮
    慢慢玩八~
  • edastyle
  • 感謝樓上給我這種鼓勵,
    我會好好加油的!!
找更多相關文章與討論