1. 程式人生 > >CSS 簡單介紹

CSS 簡單介紹

資源 能夠 www itl gpo span 搜索引擎優化 帶寬 tle

一.什麽是CSS:

CSS是Cascading Style Sheets的縮寫,通常為級聯樣式表。

CSS已經是網絡不可或缺的元素,為瀏覽者呈現五彩繽紛的頁面效果起到了重要作用。

CSS是一種標記語言,不需要進行編譯,直接就可以在瀏覽器中執行。

二.使用CSS的優勢:

(1).能夠極大提高代碼的簡潔度:

在大型的頁面中顯現的尤為突出,通過引入外部樣式表可以有效的減小頁面體積,不但能夠節省一定的帶寬資源,也能夠提高關鍵詞和有效代碼的比重,對搜索引擎優化有著巨大的作用。

(2).便於網頁的改版:

使用css可以有效的控制網頁的顯示效果。這要比使用html元素自帶的屬性更加方便,比較突出的一點就是便於網頁的後期改版,因為只要修改樣式表中的css代碼即可,而不是直接修改html元素的中的屬性。

(3).使用css可以實現精準控制:

html元素自帶的屬性雖然可以在一定程度上控制外觀,但通常比較粗糙,使用css則會更加精準。

三.CSS的使用方式:

(1).內聯樣式,直接在html元素內部使用。

(2).內部樣式表,在頭部<head></head>標簽內部定義。

(3).引入外部樣式表,將一個獨立的CSS樣式表文件引入當前頁面。

以上三種方式會在一下的章節介紹。

簡單實例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author"
content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div { width:100px; height:50px; line-height:50px; border:1px dotted red; text-align:center; color: #000; font-size: 12px; } </style> </head> <body> <div>螞蟻部落歡迎您</div> </
body> </html>

上面的代碼控制文本在一個虛線框中垂直水平居中顯示。

http://www.softwhy.com/article-416-1.html

http://www.softwhy.com/qiduan/css_source/

CSS 簡單介紹