iT邦幫忙

DAY 2
7

從零開始開發Web應用程式系列 第 2

Web應用程式開發-CSS

HTML若是房屋的骨架,CSS(Cascading Style Sheets)則像房屋的裝飾,房屋沒有裝飾住起來並沒有任何差異,只是觀感上不好,因此若是房屋能家上牆壁的粉刷,天花板的吊燈,地面的地板,必然能讓整個房子有讓人不一樣的感受,一般來說系統比較注重工能,而網站,如企業的官方或形像網站,就會非常注重整個STYLE的設計,也許沒什麼實質的功能,頂多就是最新消息,會員留言,但是整個網站必須套用企業的STYLE,如企業代表的顏色、LOGO、企業識別的標示等.

例如ORACLE是紅色系,微軟則為藍色系,以支代表企業的形像色彩,CSS在網頁設計中也是不可或缺的角色,包含對HTML標籤的格式、樣式、字型、色彩、甚至排版,以讓單調的網站或系統,更增添許多豐富的視覺化感受,如:
設定邊框
border-width: 1px;
border-style: solid;
border-color: #000;
設定背景
background-color: #F00;
background-image: url(background.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
相關的語法網路上和書本上非常充足,也不需一一介紹,主要是介紹學習的範圍,因此CSS是設計WEB應用程式第二個需瞭解的部分,在ASP.NET上面,對伺服器控制項來說,就已結合為該控制項的屬性,只要以程式碼設定屬性就把對HTML標籤的設定CSS的部分完成,只是簡化了開發時間,但若不了解基本的CSS,也無法去瞭解每個控制項到底為什麼有哪些屬性,又有哪些屬性可以去設定,其實,CSS可以設定的,控制項也幾乎一定都有對應的屬性可以設定,如PANEL1.BackColor = System.Drawing.Color.Red也就類似<div style="background-color: red">
因此對基礎的部分越瞭解,使用開發工具才是如虎添翼,否則反而會覺得絆手絆腳.


上一篇
Web應用程式開發-HTML
下一篇
Web應用程式設計-JavaScript
系列文
從零開始開發Web應用程式30

1 則留言

0
kradark
iT邦好手 1 級 ‧ 2011-09-30 21:41:30

CSS跟javascript一直是我的痛
有看有推

我要留言

立即登入留言