CSS3笔记之第二天

1.CSS盒模型

指定元素的宽度和高度width，height

2.CSS边框

border-style:solid;
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;}

3.CSS边距

margin-top:100px;
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;

相对定位：

position:relative;

绝对定位：

position:absolute;
left:100px;
top:150px;

设置元素的形状：clip:rect(0px,60px,200px,0px);