【CSS】流、 元素、基本尺寸

CSS ：為圖文資訊展示服務的

“流”： 一種基本的定位和布局機制

“流體布局”：利用元素“流”的特性實作的各類布局效果

.vocabulary {
  height: 99px;
  color: transparent;
  backgroud-color: rgba(0,0,0,.5);
}

1.屬性: height, color;
2.值: 99px;
3.關鍵字: transparent;
4.長度機關: px
5.功能符: rgba(0,0,0,.5)
6.屬性值: 值+關鍵字+功能符
7.聲明: 屬性名+屬性值
8.聲明塊: { 屬性名+屬性值 }
9.@規則:      

未定義行為

浏覽器之間存在不統一行為或樣式表現。

塊級元素 != display為block的元素

​​

​<li>​

​​的display是 ​

​list-item​

​​，​

​<table>​

​的display是 table

為什麼 list-item 元素會出現項目符号？

因為生成一個附加的盒子“标記盒子”（marker box），專門用來放圓點、數字這些項目符号。

display:inline-table 盒子是怎樣組成的？

外面“内聯”，裡面“table”，是一個和文字在一行中顯示的表格。

width:auto的4 種不同的寬度表現

1） 充分利用可用空間

2） 收縮與包裹

3） 收縮到最小

4） 超出容器限制

CSS 流體布局下的寬度分離原則

CSS 中的 width 屬性不與影響寬度的 padding/border（包括 margin）屬性共存