DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁制作教程:CSS的好處
網頁制作教程:CSS的好處
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:Css究竟給我們帶來了什麼呢?核心理念就是表現與結構分離,這或許有些抽象,簡單來說就是把頁面結構,條理層次的工作讓Html來完成,而如何呈現這些內容則交給Css來定義。

       從前沒有網頁設計師,最早的網頁都只有文字,後來有Html,便開始有了網頁設計師。
如今有很多人都片面的認為網頁設計師從事的是平面設計的工作,但如果不懂得html,很難
算得上是一流的網頁設計師。
        Html讓純文本的網頁變得豐富起來,圖形圖像、音頻、視頻、FLASH動畫開始讓網絡
世界變得五彩斑斓,打開了一扇窗。
        但在這過程中,很多人開始發現網頁需要維護更新,但是維護的過程繁復而無用功太
多,網頁設計師需要找到一套可行的,高效的網頁維護方法,以便於統一維護眾多的頁面
而不需要大量繁復的調整每一個頁面。

Css就這樣誕生了。

        網頁世界中的精靈,每一個網頁設計師的好朋友,很難想象一個不懂得CSS的設計,
維護一個網站需要付出多少時間和精力去做一個無意義的工作。

        Css究竟給我們帶來了什麼呢?核心理念就是表現與結構分離,這或許有些抽象,簡
單來說就是把頁面結構,條理層次的工作讓Html來完成,而如何呈現這些內容則交給Css
來定義。


舉個例子:
<html>
<head>
<title>Hello Css!</title>
<style>
       h1{ color:red;  font-size:12px; }
</style>
</head>
<body>
       <h1>Hello Css!</h1>
</body>
</html>

       我們可以看到在  <body></body> 中需要顯示 <h1>Hello Css!</h1> 這是基本結構,而
如何向用戶顯示 <h1> ,則要看在<style></style>中的CSS是如何定義的,這這個例子中,
我們定義了:  h1{ color : red ;  font-size : 12px;} 相信只要掌握小學程度英文就能看懂這是
什麼意思,沒錯Css就這麼通俗易懂,沒有高高的門檻,只要你願意看,願意讀,絕大部份
的Css內容就是由這些簡單的基礎詞匯組成的。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved