Posts Tagged ‘识’

CSS打造色块标题标识

星期三, 06月 4th, 2008

不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样de效果,但如果网页上这类图片太多,或是较大时,会给访问带来一定de困难.这里就给大家讲一讲如何用CSS来做这样de风格,因为用CSS只是对颜色de定义,少了图片de应用,所以基本不会影响速度.
这种风格de特点是色彩变化丰富、应用Flash动画合理、结构新颖,最明显de特点就是表格或标题栏常会加上一条横或竖de色带,如图中圈起来de地方就是这样:
 


  
   首先,在Dreamweaver MX 2004中为页面添加一个CSS效果类,具体设置如图.


   点击OK后,会弹出具体de效果设置,打开其中deborder标签,进行如图de设置.


   然后将Background标签中deBackground Color设置为“#BAEE66”,在您要应用这种风格de表格上添加这个CSS效果就OK了.
   应用这种方法,大家可以做出各式各样美观且访问速度很快de表格来,下图是笔者试做de几种风格,大家可以根据borderde设定再结合表格de设计来做出各式各样de效果来.

对display:inline;与float:left;的认识

星期三, 06月 4th, 2008

  首先我要明确,display:inline;与float:left;正确含义.display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素de可见元素都是内联元素.其表现de特性是“行布局”形式,这里de“行布局”de意思就是说其表现形式始终以行进行显示.比如,我设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色de细线.如果是块级元素那么所显示dede黑线只会在块de下方出现.

  当然这看起来不像是display:inline;与float:left;de区别所在,但是当理解了float:left;de特性那么我就清楚到底是怎么回事了.float:left;(左浮动)他使得指定元素脱离普通de文档流而产生de特别de布局特性.并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内联标签.或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素.

  那么我很清楚了,内联(display:inline;)元素不能设置宽高,因为内联属于行布局,其特性是在一行里进行布局,所以不能被设定宽高.

J2SE中的序列化的认识

星期一, 06月 2nd, 2008

java中处处体现着简单de程序设计风格,序列化作为最常用de功能之一,在java中de设计尤为“简单”.在ObjectInputStream 和ObjectOutputStreamde帮助下,我可以轻松de实现序列化.
  只要我declass 实现了java.io.Serializable接口,就可以利用ObjectOutputStreamdewriteObject()方法将一个对象序列化;利用ObjectInputStreamdereadObject()方法,可以返回读出deobject对象.Serializable接口不需要我实现任何方法.
  以下是一个例子,它能给我一个感性de认识:
  Serial实现了就java.io.Serializable接口,是需要序列化de类.我首先构造一个Serialde对象serial1然后将其保存(序列化)在一个文件中,而后再将其读出(反序列化),并打印其内容.
  package Stream;
  /**
  * @author favo yang
  */
  import java.io.*;
  public class Serial implements Serializable {
  int company_id;
  String company_addr;
  boolean company_flag;
  public Serial(){}//不同于c ,没有也可以
  public Serial(int company_id,String company_addr,boolean company_flag) {
  this.company_id=company_id;
  this.company_addr=company_addr;
  this.company_flag=company_flag;
  }
  public static void main(String[] args) {
  Serial serial1 = new Serial(752,”dayer street #5 building 02-287″,false);//构造一个新de对象
  FileInputStream in=null;
  FileOutputStream out=null;
  ObjectInputStream oin=null;
  ObjectOutputStream oout=null;
  try {
   out = new FileOutputStream(”5.txt”);
   oout = new ObjectOutputStream(out);
   serial1.serialize(oout);//序列化
   oout.close();
   oout=null;
   in = new FileInputStream(”5.txt”);
   oin = new ObjectInputStream(in);
   Serial serial2 = Serial.deserialize(oin);//反序列化
   System.out.println(serial2);//打印结果
  } catch (Exception ex){
   ex.printStackTrace();
  } finally{
   try {
    if (in != null) {
     in.close();
    }
    if (oin != null) {
     oin.close();
    }
    if (out != null) {
     out.close();
    }
    if (oout != null) {
     oout.close();
    }
   } catch (IOException ex1) {
    ex1.printStackTrace();
   }
  }
  }
  /**
  * deserialize
  */
  public static Serial deserialize(ObjectInputStream oin) throws Exception{
  Serial s=(Serial)oin.readObject();
  return s;
  }
  public String toString() {
  return “DATA: ” company_id ” ” company_addr ” ” company_flag;
  }
  /**
  * serialize
  */
  public void serialize(ObjectOutputStream oout) throws Exception{
  oout.writeObject(this);
  }
  }
  运行结果:
  DATA: 752 dayer street #5 building 02-287 false
  
  正确打印了结果.