1.CSS盒模型
指定元素的宽度和高度width,height
2.CSS边框
border-style:solid;
border-width:5px;
border-width:5px;
border-top-width:15px;
border-bottom-width:15px;
border-right-width:15px;
border-left-width:15px;
一个边框的全部属性:border:5px solid red;
四个边的顶边:border-top:thick double #ff0000;
四个边的底边:
border-bottomthick double #ff0000;
order:上右下左:顺时针方向
p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}
3.CSS边距
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
4.CSS填充
padding:2cm 3cm
组选择器
h1,h2,p{
}
嵌套选择器
p{}
.marked{}
.marked p{
}
5.CSS尺寸
px:像素值
%::百分比
6.CSS显示
隐藏:visibility:hidden
不显示:display:none
display:inline;
display;bolck
visibility: collapse;
7.CSS定位
固定定位:
position:fixed;
top:30px;
right:5px;
top:30px;
right:5px;
相对定位:
position:relative;
绝对定位:
position:absolute;
left:100px;
top:150px;
left:100px;
top:150px;
设置元素的形状:clip:rect(0px,60px,200px,0px);