@charset "utf-8";
body{
width: 600px;
border:1px solid red;
}
div{
background: silver;
width: 200;
height: 200;
min-height: 100px; 最小的高度
min-width:100px;
max-width: 200px;
max-height: 200px;
padding-top: 20px; 内边距,扩充高度
padding-left: 10px;
padding: 10px; 全空出10PX
padding:10px 20px 30px ;
margin:50px; 外边距
overflow: visible; 溢出
overflow-y:auto;
overflow-y:hidden; 隐藏
overflow-y:scroll;
visibility: hidden; 可见性
//<div>块级</div> 自动换行
//行内元素<span> <b> 不能设置元素尺寸自适应内容
//内连块 inline
}
table tr:first-child{
visibility:collapse;
}
//<div>块级</div> 自动换行
//行内元素<span> <b> 不能设置元素尺寸自适应内容
//内连块 display:
display: inline; 转为行内元素
display: block; 转为块级元素
span{
background: silver;
width:200px;
height:100px;
display: block;
}
div span{
display:inline-block;
}
span{
display: none;
}
/* 元素浮动*/
#a{
background: red;
float:left; 左浮动
}
#b{
background: green;
}
#c{
background: blue;
}
body{
width: 600px;
border:1px solid red;
}
div{
background: silver;
width: 200;
height: 200;
min-height: 100px; 最小的高度
min-width:100px;
max-width: 200px;
max-height: 200px;
padding-top: 20px; 内边距,扩充高度
padding-left: 10px;
padding: 10px; 全空出10PX
padding:10px 20px 30px ;
margin:50px; 外边距
overflow: visible; 溢出
overflow-y:auto;
overflow-y:hidden; 隐藏
overflow-y:scroll;
visibility: hidden; 可见性
//<div>块级</div> 自动换行
//行内元素<span> <b> 不能设置元素尺寸自适应内容
//内连块 inline
}
table tr:first-child{
visibility:collapse;
}
//<div>块级</div> 自动换行
//行内元素<span> <b> 不能设置元素尺寸自适应内容
//内连块 display:
display: inline; 转为行内元素
display: block; 转为块级元素
span{
background: silver;
width:200px;
height:100px;
display: block;
}
div span{
display:inline-block;
}
span{
display: none;
}
/* 元素浮动*/
#a{
background: red;
float:left; 左浮动
}
#b{
background: green;
}
#c{
background: blue;
}