天助设计出品
东莞网站建设

扫一扫微信二维码

如何用CSS快速制作

天助网络2018-05-22公司新闻
    访问过 Microsoft 中文主页的很多人都不会忘记它新奇的下拉式菜单吧. 它的确给我们带来一股清新的网风, 它实现了网页上下拉菜单, 不仅剩去了很多点击的麻烦, 并开创了一个网页设计的未来之路.
 
    我们知道, 通过 css 可以确切地定义一个 HTML 元素的样式,包括它的颜色、字体、边框、3D效果、滤镜等等,我们在考虑制作下拉菜单时,首先是想到 css 的定位技术,它精确的定位能力可以使我们放心的甚至是在三维空间设置位置和可见性。
 
    CSS 定位使用"position"属性的两种方法定位 HTML 元素,这就是相对定位(relative)和绝对定位(absolute),相关的定位属性有9个:
 
    position、left、top、width、height、clip、overflow、z-index、visibility
 
    当使用"absolute(绝对)"定位元素时,该元素就被当作一个矩形覆盖物来格式化,格式化后的矩形区域就变成了一个可以放置其他 HTML 元素的容器,这个容器可以凌驾于 HTML 文档的布局之上,区域下面的文字和图形永远也无法环绕和透过该容器显示出来。这样被绝对定位了的元素我们称之为块级元素,在块级元素内放置的 HTML元素我们称之为子元素。
 
    另外,当我们在移动鼠标时,具有对 HTML 元素有感应的 JAVA 动作是 onmouseup、onMouseOver、onMouseOut.
 
    onmouseup 为鼠标点击之后的释放动作
 
    onMouseOver 为鼠标经过时的动作
 
    onMouseOut 为鼠标离开某区域时的动作.
 
    除此之外,我们建立菜单都是为了表达一定的快捷的操作,通常是超级连接(URL).菜单上的每一条命令都应该对鼠标的行踪、点击有感应。所以,必须建立菜单对鼠标行为的多级捕获。首先是容器本身(块级元素)对鼠标经过时和离开时建立捕获,其次是菜单上各条命令对鼠标行为的捕获。也就是鼠标经过时,菜单打开响应,鼠标离去是菜单关闭。
文章关键词
东莞网站设计,天助网
报价/方案 在线咨询
点击电话咨询

获取报价并享3800元大礼




x