display:inline能將塊標籤轉化為行內標籤,可以讓塊標籤共處一行
display:block能將行內標籤轉換為塊標籤,可以改變寬高
但是除了特殊情況一般不會用到這種方法
我是div
我是div
我是span
我是span
"text
" name="">
"text
" name="">
margin:外邊距
border:邊框(虛線-----dashed,虛線.....dotted,雙實線double,實線solid 常用的是solid)
/*border-width:5px ;
border-color: hotpink;
border-style: solid;
*/border: 5px hotpink dotted;
/*dashed,dotted,double,solid
*//*
margin: 50px 0 0 50px;/*上,右,下,左
*//*
margin: 0 50px 10px;
*//*
上:0,左右50,下10
*//*
margin: 20px 30px;
*//*
上下20左右30
*//*
margin: 10px;
*//*
上下左右都是30
*//*
margin-left:auto ;auto: 自動的;
margin-right: auto;
*/
行盒的盒模型
盒子沿著內容延伸 行盒不能設定寬高 用字型大小 行高字型型別間接調整行盒的寬高 內邊框 填充區 水平方向有效,垂直方向不會實際佔據空間 邊框 水平方向有效,垂直方向不會實際佔據空間 外邊距 水平方向有效,垂直方向不會實際佔據空間 display inline block 的盒子 不獨佔一行 盒模型中...
行盒的盒模型
常見的行盒 包含具體內容的元素 span strong em i img video audio 盒子沿著內容延伸 行盒不能設定寬高 調整行盒的寬高，應該使用字型大小 行高 字型型別 間接調整。內邊距 填充區 水平方向有效，垂直方向不會實際佔據空間。邊框 水平方向有效，垂直方向不會實際佔據空間。外邊...
盒模型屬性
邊框 border 邊界 邊距 margin 補白 填充 padding 內容區 content 1 邊框 border 1 border 盒子的邊緣。2 用法 1 邊框的寫法 divborder width 邊框的寬度 border color 邊框的顏色 border style 邊框的樣式 邊...