css 锚点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

  <a name="A0" id="A0"></a>

  <a href="#A1">网页第一部分</a>

  <a href="#A2">网页第二部分</a>

  <div style="height:900px; background:#CCCCCC"></div>

  <a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a>

  <div style="height:900px; background:#5e5a5a"></div>

  <a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a>

  <div style="height:900px; background:#000000"></div>

  </body>
</html>

css 锚点

时间: 2024-11-09 01:31:12

css 锚点的相关文章

1HTML基础

HTML 超文本标记语言 html + css + js == 结构 + 表现 + 行为 特点 (1)HTML不需要编译,直接由浏览器执行 (2)HTML文件是一个文本文件 (3)HTML文件必须使用html或htm为文件名后缀 (4)HTML大小写不敏感 HTML基本结构 head头信息网页不显示 标签 双标签<head></head> 单标签<hr/> <title>标签即使在<body>中也不会显示. 元素 标签头.内容和标签尾组成元素,头

css中锚点剖析 &amp; 血泪教训

前记: 在工作中,如果自己发现了bug,千万不要幻想着能够蒙混过关,别人不会发现,一定要赶在别人发现之前,自己解决掉它!!不然的结果就是,明天上线,今天提出了这个bug,要求修复,然后自己晚上挑灯修改!!~~~~(>_<)~~~~ 先说一下遇到的问题: 想要实现的效果是,在A页面中通过在a的href链接(href = 'B.html#b'),链到B页面的b锚点处. 在普通页面是可以正常实现的,所谓的普通页面指的是 页面一次性渲染,不存在js动态加载elements,破坏DOM树的行为. 现在的

div css鼠标悬停锚文本超链接文字背景颜色或图片变化

div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐) css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇.(体感音乐) 此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式.利用以下代码: a{...} 原始超链接默认样式设置a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)一.链接文字无背景鼠标经过悬停

css中的锚点

一,在同一页面: 在页面适当位置定义如下的锚点: <a name="top">这里是TOP部分</a> <a name="content">这里是CONTENT部分</a> <a name="foot">这里是FOOT部分</a> //这里的name换成id同样有效 (你可以使用id属性来替代name属性,明明锚点同样有效) 注意:使用id来定义锚点,可以定位针对任何标签来定

css 浅析display属性

继续开始我的css之旅吧.今天我们来说什么啊.构思了两天还是没有什么思路,但是学习的步伐我们不能停止下来.还是按照之前的计划来讲讲display,在讲这个之前我们还是按照老规矩来扯扯蛋,步子不能够迈大了.废话不说了.问大家一个问题哈?块级元素和行级元素,你们知道吗? 什么是块级元素了?(div)是块级元素 什么是行级元素?(span)你能看出他们两则的区别吗? 先上图 可能有时候大家不是特别的注意他们直接的区别.下面我们来说一下他们具体的特性: 块级元素: 1:块级元素会独占一行,其宽度自动填满

jQuery实现页面内锚点平滑跳转

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=

HTML/CSS题库

一.    填空题 使用文本编辑器编辑完HTML后,扩展名可以是__html___或___htm__. 表格的标签是____table______,单元格的标签是____td______. 在编辑table表格时,合并行使用 __rowspan_____合并列使用_____colspan____. 在CSS层叠样式表当中经常用到的三种选择器:___元素选择器___.__类选择器__.__id选择器__. 在JavaScript脚本语言当中,定义函数使用___function__单词表示. 用来输

HTML/CSS 知识点01 (转)

整个前端开发的工作流程 产品经理提出项目需求 UI出设计稿 前端人员负责开发静态页面(跟前端同步的后台人员在准备数据) 前后台的交互 测试 产品上线(后期项目维护) 互联网原理 当用户在浏览器输入网址的时候,就会发送到对应的服务器,请求该网址对应的网页信息 服务器会把该网址对应的网页资源,都下载到你电脑的临时文件夹 临时文件夹中的资源,通过浏览器显示出来(所以,我们第二次请求网站的时候,速度会快很多) 元素 行内元素:一行中有n多个行内元素,行内元素不能设置宽和高 块元素:一个块元素,独自占一行

web前端之css快速入门

css简介 css概述 CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一 css基础语法 css规则由两个主要部分构成:选择器,以及一条或多条声明selector选择器 declaration声明 selector {declaration1; declaration2