[原创]css笔记

p{
font-size:80px;
letter-spacing:-20px;                          #字体间的距离
font-family:Arial, Helvetica, sans-serif;
}

vertical-align:对齐方式在表格用

float:left;     首字下沉效果
padding-right:5px;   与右边字的间隔

#图片效果-------------------------------------------------------------
img.test1{
 border-style:dashed;         点画线
 border-color:#FF0000;        边颜色
 border-width:5px;            边粗细
 }

border-left:dashed 2px blue;     设置左边框 ：形式： 粗细 ：色
border-right:dotted 5px red;     设置边框右

padding:0px;
margin;0px;
background-image:url(文件路径);
background-repeatrepeat-y;              垂直方向从复
background-position:bottom right;       出现在右下方
background--attachment:fixed;           固定背景图片

#图片效果-------------------------------------------------------------

border-botton:1px solid #005aa7; 下画线效果
border-top:0px; borderleft:0px; border-right:0x;
background-color:transparent    背景颜色透明
border:0px;                      边框为0

 

a:link,a:visited{
color:#0066FF;
padding:4px 10px 4px 10px;
background-color:#CCCCCC;
text-decoration:none;
border-top::1px solid #EEEEE;
}
a:hover{
color:#FF0000;
padding:5px 8px 3px 12px;           改变超联结位置
background-color:#000000;           改变背景颜色
border-left:1px solid #717171;      边框变换按下去实现效果
border-bottom:1px solid #EEEEE;
border-right:1px solid #EEEEE;

z-index:1                      可以改图层顺序如果多个层从爹

 

#----------------------------------
#container{                  宽度居中
  position: relative;
  left:50%;
  margin-left:-350px;
  padding :0px;
  }