網(wǎng)頁制作教程:CSS的好處

2024-07-11 08:22:20

字體：大中小

供稿：網(wǎng)友

       從前沒有網(wǎng)頁設(shè)計(jì)師，最早的網(wǎng)頁都只有文字，后來有html，便開始有了網(wǎng)頁設(shè)計(jì)師。
如今有很多人都片面的認(rèn)為網(wǎng)頁設(shè)計(jì)師從事的是平面設(shè)計(jì)的工作，但如果不懂得html,很難
算得上是一流的網(wǎng)頁設(shè)計(jì)師。
        html讓純文本的網(wǎng)頁變得豐富起來，圖形圖像、音頻、視頻、flash動(dòng)畫開始讓網(wǎng)絡(luò)
世界變得五彩斑斕，打開了一扇窗。
        但在這過程中，很多人開始發(fā)現(xiàn)網(wǎng)頁需要維護(hù)更新，但是維護(hù)的過程繁復(fù)而無用功太
多，網(wǎng)頁設(shè)計(jì)師需要找到一套可行的，高效的網(wǎng)頁維護(hù)方法，以便于統(tǒng)一維護(hù)眾多的頁面
而不需要大量繁復(fù)的調(diào)整每一個(gè)頁面。

css就這樣誕生了。

網(wǎng)頁世界中的精靈，每一個(gè)網(wǎng)頁設(shè)計(jì)師的好朋友，很難想象一個(gè)不懂得css的設(shè)計(jì)，
維護(hù)一個(gè)網(wǎng)站需要付出多少時(shí)間和精力去做一個(gè)無意義的工作。

css究竟給我們帶來了什么呢？核心理念就是表現(xiàn)與結(jié)構(gòu)分離，這或許有些抽象，簡(jiǎn)
單來說就是把頁面結(jié)構(gòu)，條理層次的工作讓html來完成，而如何呈現(xiàn)這些內(nèi)容則交給css
來定義。

舉個(gè)例子：
<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> 這是基本結(jié)構(gòu)，而
如何向用戶顯示 <h1> ，則要看在<style></style>中的css是如何定義的，這這個(gè)例子中，
我們定義了： h1{ color : red ; font-size : 12px;} 相信只要掌握小學(xué)程度英文就能看懂這是
什么意思，沒錯(cuò)css就這么通俗易懂，沒有高高的門檻，只要你愿意看，愿意讀，絕大部份
的css內(nèi)容就是由這些簡(jiǎn)單的基礎(chǔ)詞匯組成的。

上一篇：你的網(wǎng)頁最好通過HTML校驗(yàn)和CSS校驗(yàn)

下一篇：網(wǎng)頁制作心得:分離之后怎么做？