1-行內(nèi)塊
1-1顯示特點(diǎn)
一行可以顯示多個(gè)
可以設(shè)置寬高
1-2代表標(biāo)簽
input,textarea,button,select`````
1-3 特殊情況,標(biāo)簽有行內(nèi)塊元素特點(diǎn)母廷,但是chrom調(diào)試工具中
顯示結(jié)果是inline
2試驗(yàn)
2-1 先用img試驗(yàn)
當(dāng)圖片沒有賦予寬高時(shí)石抡,圖片是默認(rèn)寬高檐嚣;
添加了寬高屬性,然后圖片變化了啰扛,說明屬性生效了嚎京;
2-2測(cè)試其他的標(biāo)簽試試
為了區(qū)別,我重新給個(gè)類選擇器
對(duì)比顯示后隐解,input,textarea,button,select這些標(biāo)簽都能在給予屬性后鞍帝,產(chǎn)生相應(yīng)的變化,也有細(xì)微的不同煞茫。
input變化的是文本框帕涌,字體沒有變化摄凡;
input按鈕對(duì)比,變化的是按鈕的寬高蚓曼,按鈕內(nèi)文字沒有變化亲澡;
textarea文本域?qū)Ρ龋兓笏坪跏窍蜃笙驴s小辟躏,不是向左上縮小谷扣,文本域本身具有可拉伸的功能,其他的都執(zhí)行了寬高后捎琐,不再變化;
select下拉選擇對(duì)比裹匙,放大的是邊框瑞凑,下拉箭頭和內(nèi)部文字垂直居中顯示;
button按鈕對(duì)比概页,變化后的顯示籽御,內(nèi)部文字為垂直和水平居中。
(僅為個(gè)人自學(xué)的一點(diǎn)點(diǎn)思考惰匙,如有錯(cuò)漏技掏,歡迎留言指正)