摘要: 下拉菜单在一些企业网站应用尤为广泛,它存在使用方便,占用空间小等特点。之前纵向导航教程中已使用过二级导航,今天制作下横向导航菜单的二级菜单,方法和纵向一样,只不过由纵向改变为横向而已,下面我们以上一章第二节用图片美化的横向导航中的实例进行修改。 先在html代码增加二级菜单的代码: <div id= 阅读全文
posted @ 2017-02-19 21:55 欧阳平 阅读(1449) 评论(0) 推荐(0) 编辑
摘要: 当一个元素使用绝对定位后,它的位置将依据浏览器左上角开始计算或相对于父容器(在父容器使用相对定位时)。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素。 而浮动元素的定位还是基于正常的文档 阅读全文
posted @ 2017-02-19 21:53 欧阳平 阅读(2177) 评论(0) 推荐(0) 编辑
摘要: 1)文档类型 代码最上部有如下这句话: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 这句话标明本文档 阅读全文
posted @ 2017-02-19 21:34 欧阳平 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 方法 方法:在网页头部加上这样一条meta标签:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" 阅读全文
posted @ 2017-02-19 15:56 欧阳平 阅读(629) 评论(0) 推荐(0) 编辑
摘要: 媒体查询 从 CSS 版本 2 开始,就可以通过媒体类型在 CSS 中获得媒体支持。如果您曾经使用过打印样式表,那么您可能已经使用过媒体类型。清单 1 展示了一个示例。 <link rel="stylesheet" type="text/css" href="site.css" media="scr 阅读全文
posted @ 2017-02-19 11:11 欧阳平 阅读(4316) 评论(0) 推荐(0) 编辑