塊級元素(block):常見的有:div ?p ol h1-h6
1专酗、每個塊級元素都從新的一行開始饰躲,并且其后的元素也另起一行。(真霸道亚脆,一個塊級元素獨占一行)
2做院、元素的高度、寬度濒持、行高以及頂和底邊距都可設(shè)置键耕。
3、元素寬度在不設(shè)置的情況下柑营,是它本身父容器的100%(和父元素的寬度一致)屈雄,除非設(shè)定一個寬度。
內(nèi)聯(lián)元素(行內(nèi)元素)(inline):常見的有:a span strong em
1由境、和其他元素都在一行上棚亩;
2、元素的高度虏杰、寬度及頂部和底部邊距不可設(shè)置讥蟆;
3、元素的寬度就是它包含的文字或圖片的寬度纺阔,不可改變瘸彤。
內(nèi)聯(lián)塊狀元素(inline-block)常見的有:img ?input(表單)
1、和其他元素都在一行上笛钝;
2质况、元素的高度、寬度玻靡、行高以及頂和底邊距都可設(shè)置结榄。
display:block inline ?可以把塊級元素和行內(nèi)元素 互相轉(zhuǎn)換
元素實際寬度(盒子的寬度)=左邊界+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊界。