CSS 簡單介紹

admin發表於2018-05-24
CSS
一.什麼是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樣式表檔案引入當前頁面。

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

簡單例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!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>

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

相關文章