2011年9月29日
css竖向菜单带指向说明
<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>指向说明</title><style type="text/css">body{background:#999;}#menu{font-size:16px;width:140px;margin:0 auto;border:solid 1px #ccc;}#menu a,#menu a:vi Read More
posted @ 2011-09-29 11:31 萧懿 Views(197) Comments(0) Diggs(0)
2011年9月23日
图片的边框类型
图片样式：border-style：dashed 虚线 dotted 点线 double 双线 solid 实线例：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">div{border-width:6px;border-color:#000000;margin:2px Read More
posted @ 2011-09-23 14:22 萧懿 Views(273) Comments(0) Diggs(0)
元素浮动
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>float属性</title><style type="text/css">body{margin:15px;font-family:Arial, Helvetica, sans-serif;}.father{background-color:#ffff99;border:1px solid Read More
posted @ 2011-09-23 14:11 萧懿 Views(196) Comments(0) Diggs(0)
盒子的定位(position)
1.static(静态定位，这种定位方式可以不写，是系统默认的定位方式。)2.relative(相对定位，相对原有位置的定位方式。)2.1.使用相对定位的盒子，会与相对于他原来的位置偏移指定的位置。2.2.使用相对定位的盒子，仍然在标准流中，它的偏移对父亲兄弟盒子都没有影响。3.absolute(绝对定位，盒子的位置以它所在的以定位的盒子为基准进行偏移。)3.1.使用绝对div会彻底分离，其它盒子会认为不存在。3.2.与float差不多4.fixed(固定定位，相对于浏览器的窗口的定位方式。)5.z-line各个盒子之间的6.display控制盒子是否隐藏，转变盒子的类型。 Read More
posted @ 2011-09-23 13:55 萧懿 Views(1155) Comments(0) Diggs(0)
盒子之间的关系
一、HTML和DOM(document object model) 文档对象模型： <html> <head><title></title></head> <body> <ul> <li></li> <li></li> </ul> <ol> <li></li> </ol> </body> </html>二、标准的文档流 1.块级元素 一个矩形区域，并且和相邻的元素一次数值排列，不排 Read More
posted @ 2011-09-23 13:40 萧懿 Views(254) Comments(0) Diggs(0)