css基础

class=“box1”      .box1{}

并列选择器

父子选择器（空格）

分组选择器 （逗号）

link;关联css文件

font-size:16px（默认）;字体大小

font-weight:bold;加粗=strong{}

font-style:italic;斜体=em{}

font-family:arial(互联网通用字体);字体样式

color:;设置字体颜色//color:rgb(0,0,0);

border-width：

border-style：solid实线，shdoed虚线；dashed条状虚线；

border-top/left/right-color：black；画三角；transparent透明色

text-indent:2em；两个文本距离；首行缩进

text-decoration:underline;下划线

cursor:pointer(小手)help(问号);//鼠标移动到某个的地方光标的形状

<a href:"-------------">www.baiud.com</a>

伪类选择器

a:hover{background:orange;

border-radius:10px(加圆角)}

opacity：0.5透明度

z-index:3;//位于第几层

overflow：hidden；溢出部分隐藏

display：

-------------------------------------------------------------------------------------

1行级元素都：span，strong,em,a,del

feature：内容决定元素所占位置

              不可以通过css改变宽高

2块级元素div p,ul,li,ol,form,address

feature：独占一行

             可以通过css改变宽高

3行级块元素  image

feature:内容决定大小

           可以改宽高

------------------------------------------------------------------------------------

盒子三大部分

盒子的组成部分：

盒子壁border

外边距margin

内边距padding

盒子内容width + height

margin + padding + border

------------------------------------------------------------------------------------------

定位技术：

1绝对定位：absolute；

脱离原来位置进行定位，在不同的层面上

positive:absolute;

left:100px;//左边线距离左边

top:100px;//上边线距离上边

right：

botton：

2相对定位：relative

保留原来位置进行定位

相对于最近的有定位的父级进行定位，如果没有相对文档进行定位

一般用relative当作参照物，用absolute进行定位

3广告定位fixed

无论你怎么动他都不动

----------------------------------------------------------------

广告居中：

div{

position：fixed；

left：50%；

top：50%；

width：100px；

height：100px；

background-color：red；

margin-left：-50px；

margin-top：-50px；

}

--------------------------------------------------------------------------------------