前端開發語言學習-筆記3-標籤基本特性和轉換

一、在不同的瀏覽器中,部分標籤會自帶部分屬性,會影響代碼效果。(css react)
1、默認樣式重置
*{margin:0; font-size:12px; font-family:XX; padding:0; text-decoration:none; } 性能浪費
2、標籤樣式重置
p{margin:0; padding:0;}

二、塊級元素和行級元素。
塊級元素:
1、獨佔一行顯示。
2、沒有寬度時,默認撐滿一排。
3、當有寬度高時,按照寬高顯示。
4、支持所有css屬性。
行級元素:
1、默認一行可以跟上同級元素。
2、沒有寬度時,內容撐開寬度。
3、默認不支持寬高。
4、不支持上下外邊距。
5、不支持上下內邊距。
6、代碼換行被解析。

三、標籤基本類型轉換
span{display:block;} 轉換爲塊級元素
div{display:inline;}轉換爲行級元素

四、imge標籤《一行內的塊》---------inline-block
特性:
1、塊在一行顯示;
2、行內屬性支持寬高;
3、沒有寬度的時候,內容撐開寬度;
問題:
1、代碼換行被解析;
2、ie6、ie7不支持塊屬性標籤的inline-block;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章