css樣式補充

樣式補充

display：list-item

設置爲該屬性值的盒子，本質上讓然是一個塊盒，但同時該盒子會附帶另一個盒子

元素本身生成的盒子叫做主盒子，附帶的盒子稱爲次盒子，次盒子和主盒子水平排列

涉及的css:

1. list-style-type

設置次盒子

2. list-style-position

設置次盒子相對於主盒子的位置

3. 速寫屬性list-style

清空次盒子

設置list-style：none

圖片失效時的寬高問題

如果img元素的圖片鏈接無效，img元素的特性和普通行盒一樣，無法設置寬高，解決辦法是：設置塊盒(display：block;)或行塊盒(display:block;)

行盒中包含行盒或可替換元素

行盒的高度與它內部的行塊盒或可替換元素的高度無關

text-align:justify

text-align

• left:左對齊
• right：右對齊
• center：居中
• justify：出最後一行外，分散對齊

製作一個三角形

div{
    width:0;
    height:0;
    border:10px solid transparent;
    border-left-color:red;
}

direction 和 writing-mode

開始 start -> 結束 end
左 left -> 右 end

開始和結束是相對的，不同國家有不同的習慣

左右是絕對的

direction設置的是開始到結束的方向

writing-mode:設置文字書寫方向

utf-8字符

如果使用僞類選擇器content裏面應去掉實體字符的&#x,轉而寫成"\十六進制數"