`
Franciswmf
  • 浏览: 800247 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

html和css 总结

 
阅读更多
【引用参考】
--html中的锚点
https://www.cnblogs.com/qiujianmei/p/7111600.html
<style type="text/css">
<!--
ul#menu { width:300px; height:300px; margin:0px auto; padding:0px;  overflow:hidden; background:transparent url(http://www.blueidea.com/articleimg/2006/04/3366/01.jpg)}
ul#menu  li { list-style-type:none; float:left; width:100px; height:100px;}

ul#menu li a { display:block; width:100px; height:100px;  text-decoration:none; background:transparent url(http://www.blueidea.com/articleimg/2006/04/3366/02.jpg) no-repeat 500px 500px;}

a#item1:hover {background-position: 0 0; }
a#item2:hover {background-position: -100px 0;}
a#item3:hover {background-position: -200px 0;}
a#item4:hover {background-position: 0 -100px;}
a#item5:hover {background-position: -100px -100px;}
a#item6:hover {background-position: -200px -100px;}
a#item7:hover {background-position: 0 -200px;}
a#item8:hover {background-position: -100px -200px;}
a#item9:hover {background-position: -200px -200px;}

-->
</style>
</head>
<body>

<ul id="menu">
<li><a id="item1" href="#" title="Item 1">&nbsp;</a></li>
<li><a id="item2" href="#" title="Item 2">&nbsp;</a></li>
<li><a id="item3" href="#" title="Item 3">&nbsp;</a></li>
<li><a id="item4" href="#" title="Item 4">&nbsp;</a></li>
<li><a id="item5" href="#" title="Item 5">&nbsp;</a></li>
<li><a id="item6" href="#" title="Item 6">&nbsp;</a></li>
<li><a id="item7" href="#" title="Item 7">&nbsp;</a></li>
<li><a id="item8" href="#" title="Item 8">&nbsp;</a></li>
<li><a id="item9" href="#" title="Item 9">&nbsp;</a></li>
</ul>

</body>
</html>


1、 a标签
a标签中href=""的几种用法 http://blog.csdn.net/u010297791/article/details/52784879

分享到:
评论

相关推荐

    html和css总结文档

    HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是构建网页的两大核心技术。HTML用于定义网页的结构和内容,而CSS则负责样式和布局,让网页呈现出美观的视觉效果。 ### HTML基础 HTML由一系列...

    HTML+CSS总结.doc

    "HTML+CSS总结" HTML(HyperText Mark-up Language)是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML 文本是由 HTML 命令组成的描述性文本,HTML 命令可以说明文字、图形、动画、声音、表格、...

    html+CSS总结

    HTML和CSS是构建网页的基础,它们分别代表超文本标记语言(Hyper Text Markup Language)和层叠样式表(Cascading Style Sheets)。HTML用于结构化网页内容,而CSS则负责定义这些内容的样式和布局。 HTML5是HTML的...

    html和css基础

    HTML和CSS基础知识点总结 HTML和CSS是构建网站的基础技术,掌握好基础知识点是非常重要的。本资源摘要信息将从HTML和CSS基础知识点入手,总结出一些重要的知识点,帮助读者更好地理解和应用HTML和CSS技术。 一、...

    html+css知识点总结

    html+css知识点总结

    HTML语言和CSS开发总结

    总结的HTML语言和CSS开发的一些用法,对 于学习计算机和复习巩固的朋友有所帮助

    html+css基础总结(思维导图)

    HTML和CSS基础知识点总结(xmind编辑的思维导图)

    HTML和CSS HTML&CSS

    HTML(HyperText Markup ...总结,HTML和CSS是网页开发的基本工具,HTML用于组织内容,CSS用于美化和布局。深入理解这两者,能让你创建功能齐全、样式精美的网页。从入门到精通,需要不断实践和学习新的技术和趋势。

    学习css及html中主要内容的总结。希望对初学则有帮助

    HTML 和 CSS 是构建网页的基本技术,对于初学者来说,理解这两者的核心概念至关重要。HTML (HyperText Markup Language) 是一种标记语言,用于描述网页结构,而 CSS (Cascading Style Sheets) 则负责控制网页的样式...

    HTML.css知识总结.md

    对于小白新手入手可借鉴,都是HTML+CSS基础 打好基础才会让代码写的轻松像云上游走,不费吹灰之力学好HTML+CSS

    Html与Css学习笔记以及经验总结

    HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是网页开发的基石,它们共同构建了网页的结构和样式。这篇学习笔记和经验总结将深入探讨这两者的核心概念,帮助初学者快速掌握这两门技术。 首先...

    走进HTML和CSS

    **HTML与CSS基础** HTML(HyperText Markup Language)和...总结来说,HTML与CSS是构建网页的基石,理解它们的基本概念、语法和用法是成为Web开发者的第一步。通过学习和实践,你可以创造出美观且功能完善的网页作品。

    《使用HTML语言和CSS开发商业站点》

    《使用HTML语言和CSS开发商业站点》是一门深入讲解如何运用HTML和CSS技术构建专业级网站的课程。这门课程涵盖了从基础到高级的各个方面,旨在帮助开发者掌握创建功能完备、设计精美的商业站点所需的技能。以下是根据...

    html+css文档.pdf

    Html+Css 规范文档是为网页制作的基础要求和基本规范,旨在确保网页的效果达到统一,代码简洁、符合 W3C 标准,达到多个主流浏览器标准效果。该文档涵盖了 Html+Css 编辑工具、代码格式、编码规则、文件存放位置、...

    html,css,javascript个人自我介绍总结网页.zip

    这份压缩包文件"html,css,javascript个人自我介绍总结网页.zip"显然包含了一个使用这三种技术实现的个人自我介绍网页项目。接下来,我们将深入探讨这三个关键技术及其在网页设计中的应用。 **HTML(HyperText ...

    html,css,jsp相关知识总结

    html,css,jsp相关知识总结,便于进行html,css,jsp的学习

    HTML+CSS大作业——vivo官方商城

    【HTML+CSS大作业——vivo官方商城】这个项目是一个基于HTML和CSS技术构建的模拟vivo官方网站的页面设计。这个任务旨在让学生掌握基础的网页布局、元素样式控制以及响应式设计等关键技能。 HTML(HyperText Markup ...

    HTML与CSS基础教程知识点总结和文档

    以下是对HTML和CSS基础知识的详细总结: **HTML基础** 1. **HTML结构**:HTML文档由一系列元素组成,这些元素通过标签来定义,如`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`等,构成了网页的基本框架。 2. **元素与属性**:...

Global site tag (gtag.js) - Google Analytics