一、顯示方式：
框的預設顯示類型是可以通過 display 的屬性進行修改
屬性：display
Display的取值：
1、none ：讓產生的元素沒有框，讓產生的元素不顯示，隱藏。值一旦設定為none，該元素中的所有內容都不再顯示，並且不再佔據文檔空間。
2、block : 塊，讓任何一個元素像塊級一樣去顯示
1. 塊的特點是：
1.獨自成行
2.可單獨設定寬和高
2..塊的使用場合：
1、行內元素，想像區塊層級元素一樣的去顯示。
2、讓區塊層級元素從 隱藏(display:none;) 變為 顯示(display:block;)
3、inline：行，讓任何一個元素像行內元素一樣去顯示
inline的特點：多個元素在一行內顯示
inline的使用場合：
1、區塊層級元素變為行內元素
2、行內元素由隱藏(display:none;)變為顯示(display:inline)
4、inline-block： 行內塊，元素本身是行內元素，但是具備塊的特點(能夠修改寬和高) ， <img /> 就是行內塊元素
1.Inline-block的使用使用場合：想改變行內元素的寬和高的時候
2、inline-block的顯示效果
1、visibility屬性
作用：實現元素可見度(顯示/隱藏)
取值：
1、visible ：預設值，元素可見的。
2、hidden：元素不可見，隱藏，但是空間依然佔據。
3、collapse：用在表格上，可以刪除一行或一列，不影響表格的布局。
2、opacity屬性：設定元素的不透明層級
opacity取值：0-1 之間的數字（包括0 和 1）
0 ：完全透明
1 : 完全不透明
取值越大，越不透明
3、vertical-align屬性： 設定垂直對齊
取值： top / middle /bottom（上，中，下）
baseline : 基準對齊（預設對齊）
特殊使用方式：
針對行內塊(img)元素，可定義邊上的文本與當前元素的對齊。
例如：選擇我想讓下面的文本中，連結2變為行內塊，讓連結3變為塊，連結4消失
<!DOCTYPE html > <head> <title>文字格式設定</title> <meta charset="utf-8" /> <style> a{ border:1px solid black; width:70px; height:30px; background-color:silver;} </style></head> <body> <a href="#">連結1</a> <a href="#" style="display:inline-block;">連結2</a> <a href="#" style="display:block;">連結3</a> <a href="#"style="display:none;">>連結4</a></body></html>
4、游標屬性cursor：
預設情況，網頁上的游標顯示會根據不同的元素顯示不同的樣子。
超連結：手狀
文本： I
按鈕：箭頭
在css中，可以通過 cursor 屬性改變游標顯示效果，給客戶一種可視化的暗示。
屬性：cursor
取值：pointer ： 手狀
default: 預設
crosshair: + 狀
text: I 狀
wait: 等待
help: ?
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
