Latest

block、inline 和 inline-block 有什麼區別?

block、inlineblock和inline這兩個概念是簡略的說法完整的說法應該是block-level elements(塊級元素)和inline elements(內聯元素.block元素通常被現實為獨立的一塊,會單獨換一行內聯元素則前後不會產生換行,一系列內嵌元素都在一行內顯示,直到該行排滿。 * 常見block元素:div,form,table,p,pre,h1〜h6,dl,ol,ul,li等 * 常見inline元素有span,a,i,strong,em,lable,input,select,textarea,img,br等 注意:inline不該作為父元素包住block、inline-block。 inline-block 設置了內聯塊屬性的元素既擁有了block元素可以設置寬度和高度的特性,又保持了inline元素不換行的特性。例如圖片<img>標籤 display:block
SimonAllen

CSS 權重

相同CSS權重(等級排序) 後者會覆蓋前者 * 米字號 * 0分 只要有任何CSS選擇器都可以蓋過他 * HTML元素 1分 直接使用div、h1、h2、p...etc,權重分數也很低 * class 10分 一般最常用的選擇器 自訂CSS並且HTML標籤上class=‘xxx’ css則寫.xxx{//略} * id 100分 一般不建議用的CSS選擇器 自訂CSS並且HTML標籤上id=‘xxx’ css則寫#xxx{//略} 不建議用的原因 是因為id多留給JS去處理 而且CSS使用id權重有100分,也就是比常用的Class選擇器高 那Class要設多少個才會蓋過一個id...所以不建議用 另外,JS獲取id有唯一性,CSS用i
SimonAllen