html第三節課時

vertical-align 設定元素的垂直對齊方式

若有多行文本 僅顯示兩行

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

line-clamp: 2;

-webkit-box-orient: vertical;

background-position 背景圖檔位置調節

display:inline-block; 即設定了inline-block屬性的元素既擁有了block元素可以設定width和height的特性，又保持了inline元素不換行的特性。

“:first-child” css第一個元素設定格式

“:last-child”css最後一個元素設定格式

":nth-child(even){n} //li的偶數行樣式

":nth-child(odd){ n+1} //li的奇數行樣式