CSS重點知識總結

 

一 概述

# 1.什麼是CSS？

Cascading Style Sheet，層疊樣式表，用於設定頁面內容的顯示樣式。

#為什麼要使用css，優點是什麼？ 

 1：【內容】和【表現】相分離  HTML檔案中只存放文字訊息，將樣式部分放在一個獨立樣式檔案中。頁面對搜尋引擎更加友善。

 2：提高頁面瀏覽速度  採用CSS佈局的頁面容量比TABLE佈局的頁面檔案容量小得多，前者通常只有後者的1/2大小。

 3：易於維護和改版  只要簡單的修改對應CSS文件，就可以重新設計整個網站的頁面。

 4: 使用CSS佈局更符合現在的W3C標準  W3C組織是對網路標準制定的一個非贏利組織，像HTML、CSS、XML的標準就是由它來客製化。

CSS樣式表的呼叫方式哪幾種？

1、內部樣式：把CSS樣式表放到 文件中：   格式如下：

# 2.為一個元素新增多個樣式

一個元素可以同時定義多個類，不同類別之間用空格隔開，如class=“xxx01 xxx02”。

3.為子元素新增樣式

#為子元素設定樣式的方式：父元素+空格+子元素{}，通常時候id+class。

二常用屬性

1.文字

• ##text- align:center：文本居中。

2.內補丁

• #padding:內補丁，即內部寬度。格式：padding:5px(可以定義一個值，也可以定義4個值)，用來設定相鄰元素與其邊界之間的距離。

3.外補丁

• #margin：在物件與其他物件之間增減空白間距，增加的間距在物件外部，所以稱作外補丁，使用方法同內補丁padding。

4.佈局

# overflow：當物件的內容超出指定範圍時設定處理措施。

• auto：只有在必需時才採用捲軸或剪下。

• hidden：不顯示超出範圍的內容。

• visible：預設值，不剪切，不加入捲軸。

• scroll：總是顯示捲軸。

display：改變物件的顯示方式。

• inline-block：將物件作為內聯對象，物件的內容作為區塊物件。通常加上width設定物件的寬度，用於對齊。

• none：隱藏元素，此元素不佔空間。

• visibility:hidden：隱藏對象，隱藏的物件依然佔據空間。

以上是CSS重點知識總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！