請問網頁設計中語法

請問網頁設計中語法 CSS 是代表什麼意思!?要怎麼去寫..

請問網頁設計中語法 CSS 是代表什麼意思!?要怎麼去寫..

請問網頁設計中語法 CSS 是代表什麼意思!?要怎麼去寫..

7 個解答

評分
  • 1 0 年前
    最佳解答

    CSS的全名是「Cascading Style Sheets」

    所以要以中文來解釋CSS的話呢,您可以稱之為「串接式樣式表」。

    而Cascading是串接、連接之意;Style則是風格、款式之意;Sheets則是一頁紙、表的意思。

    CSS主要特色就是排版的效果,在HTML語法(網頁的原始程式碼如使用製作網頁軟體fontpage按左下程式碼按鈕就會呈現出網頁遠使程式碼出來)中,

    常需要使用到一些設定顏色、文字大小、框線粗細等等這一類的標籤,CSS增加了更多的樣式定義方式來輔助HTML,

    以往HTML文件的標籤放在不同的網頁或同一網頁的不同位置都必須各自設定其顯示格式,

    但透過CSS我們只要修改定義標籤的樣式則其它相同標籤的顯現格式都會跟著改變,所以說呢!

    CSS是用來延伸 HTML 而非取代 HTML ,CSS 主要是補 HTML 所不足的地方。

    「樣式表」它提供了 HTML 所不支援的屬性、使網頁設計速度增快、可減少網頁體積降低網路傳輸的負荷。

    而CSS主要的優點更是說不完呢!CSS可以在開頭的地方就將這些設定給做好,不需要再反覆輸入同樣的標籤,這樣編輯會比較方便,而整個

    網頁就會套用這個設定來呈現,不但讓網頁大大的減肥,也能降低將來維護網頁的困難度。

    再加上IE 5內建的濾鏡特效更可以取代原來需要圖片才能呈現出的效果,讓網頁下載的速度提高,

    如果將CSS樣式存成獨立檔案讓多個網頁共同使用還可以集中管理;反過來也可以在同一個網頁上套用多個CSS檔案,

    也就是將樣式分類如:

    顏色字型分別存放在兩個檔案中然後套用在同一個網頁上,以增加設計與維護上的效率

    它唯一的缺點,就是瀏覽器的支援程度,編寫網頁最頭痛的地方就是,使用不同的瀏覽器看同一個網頁,往往會有不同的結果,

    CSS在這方面比HTML還要嚴重,所以在使用 CSS的時候要特別注意,不同的瀏覽器是否都能支援你的語法?

    而CSS為串接式樣式表就是網頁編排的統一式樣管理它是由許多樣式名稱和樣式設定值所組成的字串,

    我們可以利用已經設定好的樣式,然後將它指定給某一個或某一群組的 HTML 標籤來使用

    在html程式碼中可以使用CSS式樣編排語法放在HTML 文件的 <head> </head> 之間,以 <style> </style> 來定義共同樣式,

    其語法是以句號開頭如下範例中開頭的 . heading (heading前面的紅色句點),

    後接樣式名稱,再加上一個大括號 { },內含屬性名稱與屬性值, 即可定義樣式指令。

    兩個屬性間,以分號區隔; 而屬性與屬性值間,以冒號 : 分開。執行樣式指令時,則在 HTML 標記內,

    加上 class=樣式名稱 即可執行樣式指令。 使整個網頁使用同一樣式。

    範例如要整個網頁中標題文字變成藍色且改變字型為標楷體 , 大小是30pt,的CSS語法 如下

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=big5">

    <title></title>

    <style>

    .heading {font-family:標楷體;color:#0000FF;font-size:30pt}

    </style>

    </head>

    </head>

    <body>

    <h1 class="heading">第一行標題文字</h1>

    內容文字<br>

    內容文字<br>

    <h2 class="heading">第二行標題</h2>

    </body>

    </html>

    如下圖解

    圖片參考:http://i294.photobucket.com/albums/mm112/hopo55/fo...

    呈現效果如下圖

    圖片參考:http://i294.photobucket.com/albums/mm112/hopo55/fo...

     

     

    也可以在只有一個 HTML 標記需要設定樣式, 則可在該標記內,加上屬性 style=" " ,以個別修訂樣式。

    例如下方範例

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=big5">

    <title>新增網頁3</title>

    </head>

    <body>

    <h1>第一行標題</h>

    <h2 style="font-family:標楷體;color:#FF0000;size=30pt">第二行標題</h2>

    </body>

    </html>

    所呈現的效果如下圖

    圖片參考:http://i294.photobucket.com/albums/mm112/hopo55/fo...

    請參考下方CSS語法教學網站

    CSS教學網站

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

    CSS教學網站附圖文說明

    http://www.pt.ntu.edu.tw/hmchai/PTcomputer03_2/hCS...

    下面這網站,有對 CSS 做比較詳細的說明:

    http://www.9w2u.com/cssbook.asp?book=1

    參考資料: 加菲貓
  • 匿名使用者
    6 年前

    推廌(多網站行銷模式)廣告效果超好

    T2TVIP網站建置,我們也是委由它們幫我們建置網站,另外搭配它們的多網站行銷模式~超有效果,屬於網路精準行銷方式的一種,但效果更好~行銷費用也更省,可以將每一分錢都花在需要的行銷廣告上。

    我們公司就是使用~

    它們 T2TVIP網站建置~

    (多行銷網站模式 )

    168.t2t.com.tw

    T2TVIP幫我們公司建立了2個官方網站、2個購物網站,總共費用才19480元

    一個當形象網站、一個當產品介紹網站、另一個是高檔商品購物網站、再另一個是平價商品購物網站~

    因為一次四個網站全部到位~所以怎麼搜尋『都可以找到我們的網站』,當然生意也就很好~^^

  • 匿名使用者
    6 年前

    魔豆網路資訊有限公司( www.modoo.com.tw )0939-001575

    對企業而言,視覺設計就是創造那朵微笑。

    可能只是一張名片或是一個LOGO,卻是企業給外界的第一印象。

    好或不好,在0.1秒的剎那就決定了。

    【WEBSITE DESIGN 網頁設計】

    光速世代的來臨,網路破除空間限制、國界藩籬。

    網頁成了企業與世界接軌的窗口。

    你對網頁還停留在有就好的階段嗎?

    小心!別把大公司做小了。

     *網頁規劃設計

     *網站承租空間

     *網站維護

    kevin@modoo.com.tw

  • 匿名使用者
    7 年前

    台中網路行銷首選-。。眾智數位科技網路行銷。。

    你知道嗎? 網站訪問流量的第一來源竟是搜尋引擎之網站排名SEO!!企業該如何做好部落格行銷呢?知識家行銷呢?網站排名呢?網路行銷呢?全方位的網路行銷能帶來哪些好處呢?如何在茫茫人海中對你有印象?對你的產品有印象?熟悉你的品牌?要如何在琳瑯滿目的商品購買你?決定買你?喜歡持續購買你呢?要如何在眾網路平台中看見你?釘睛於你呢?品牌忠誠於你呢?網路無所不在,看不見你的訊息都難!眾智數位科技具有網路行銷十多年的經驗!歡迎您隨時來電詢問~。。眾智數位科技有限公司。。SEO_line_App行銷(眾智數位)

  • 您覺得這個回答如何?您可以登入為回答投票。
  • 力偉
    Lv 6
    7 年前

    推廌 T2T VIP 網站設計-架設行銷網站-只要224元!

    T2TVIP 給你超強的商務網站功能,共含:

       一、購物商城平台(含購物車功能、客戶訂單處理、容量無限使用)

       二、最新消息

       三、產品型錄

       四、廣告刊登

       五、客戶溝通平台

       六、公司理念

       七、線上預購功能

       八、聯絡客服功能

       九、搜尋引擎優化SEO

       十、相簿

       十一、客製化形象網站

       十二、後台管理系統

    T2TVIP客戶範例

    168.t2t.com.tw/ww991031

    網站架設~真的只要224元,請立即上

    168.t2t.com.tw/design.asp

  • 匿名使用者
    7 年前

    雅虎部落格已經停止服務,使用部落格,有需求使用網站,一個月18個名額,一年1600元作網址的費用,空間大小為200mb. 請聯絡 0939 - 001575,體驗 強大的後台系統及帳號密碼,有完整的說明文件

  • 匿名使用者
    7 年前

    取得最好的網站行銷效果。

    1、專業關鍵字分析

    2、保證排名第一頁

    3、行銷規劃整合

    4、國際化全球行銷

    企業網站建置規劃:企業網站建置

    我們提供專業完整的網站建置服務,依客戶需求打造企業專屬網站、幫助企業樹立良好的企業形象,打開市場《 網站建置超值方案 》

    1、量身規劃設計企業專屬網站

    2、舊網站製作改版、網站重新建置

    3、購物平台網站製作 0800800807

    參考資料http://www.innet.com.tw/

還有問題?馬上發問,尋求解答。