网页设计与制作

链接CSS，JAVASCRIPT：

<link rel="stylesheet" type="text/css" href=" css地址">
<script type="text/javascript" src="js地址"></script> 

style即CSS：

margin:10px 5px 5px 10px;
 /*--外边距:上边距10px,右边距5px,下边距5px,左边距10px--*/
 margin:10px 5px;
  /*---外边距:上下边距10px,左右边距5px--*/

padding:10px 5px 5px 10px;
 /*--内边距:上边距10px,右边距5px,下边距5px,左边距10px,和margin外边距设计格式一样--*/

border:10px 5px 5px 10px;
 /*--边框:上边框10px,右边框5px,下边框5px,左边框10px,和margin外边距设计格式一样--*/

font-family:"微软雅黑"
  /*---设置字体--*/

  @font-face{
  font-family:'设置新字体名称';
  src:url("新字体的位置");
  }
    /*---设置新的字体,下载字体,放到你的站点文件中,在CSS中定义字体名称--*/
    
 font-family:"新字体名称";
   /*---设置新字体，就可以用艺术字啦！--*/

width:100px;  
height:200px;
   /*---宽：100px,高：200px;--*/
   
font-size:5px;
   /*---字体大小:5px--*/
   
color:black;
   /*---字体颜色:黑色--*/
 
letter-spacing:1px;
   /*---字体间距1px--*/
   
background-color:black;
   /*---背景颜色:黑色--*/
 
 opacity:0.4;
   /*---设置背景透明度，0~1,数值越小，透明度也越大--*/ 
postion:absolute;
postion:relative;
     /*---绝对定位、相对定位--*/
left:10px;
     /*---位置向右移动10像素，--*/
left:-10px;
     /*---位置向左移动10像素，top，right也是一样的--*/
float:left;
    /*---左浮动，右浮动：right--*/