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);