CSS 簡單介紹
阿新 • • 發佈:2017-12-31
資源 能夠 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 簡單介紹