摘要: 带箭头的和解释的导航菜单<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>带箭头的和解释的导航菜单</title><style type="text/css">body{background-color:#999;}#menu{font-size:16px;width:140px;margin:0px auto;border:solid 阅读全文
posted @ 2011-09-29 11:25 爱上冰糖雪梨的味道 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 网页中常常听到的属性:内容,填充,边框,间距等一些属性.这些属性我们可以用现实生活中的盒子模型进行了解。如果我们有一个盒子,在盒子中放的物品就是我们网页中的内容,物品和盒子之间的空隙就相当于填充,有了这个填充我们能够很轻易的把物品从盒子中取出来,边框就相当于盒子本身,间距是一个盒子和另一个盒子堆放在一起的时候,他们之间的距离。网页中的盒子模型;我们常常要控制盒子模型的宽度width: w3c中的盒子模型的宽:包括margin+border+padding+width; width:margin*2+border*2+padding*2+width; height:margin*2+border 阅读全文
posted @ 2011-09-29 08:51 爱上冰糖雪梨的味道 阅读(1939) 评论(0) 推荐(0) 编辑
摘要: 你可以看到页面效果很简单,就是用一个header这个大盒子,装着两个小盒子header_left,header_right.那么我们该 如何定义这些盒子的样式呢?(这里我就不解释定义css的原则了)1.首先定义body的样式:body{font-size:14px;font-weight:bold;/*定义页面的背景图片*/background:url(img/bg.jpg) 0 0 repeat-x; }根据css2.0帮助手册,你可以知道background拥有5个常用属性:背景颜色,背景图片,是否重复,是否滚动,图片坐标2.定义大盒子header样式:#header{background 阅读全文
posted @ 2011-09-29 08:50 爱上冰糖雪梨的味道 阅读(366) 评论(0) 推荐(0) 编辑