<style type="text/css">ul,li{list-style-type: none;}#nav li{ float:left; margin-left:30px;}#nav span{display:none;}#nav a{font-size:12px;font-weight: bold;text-decoration: none; display:block;}#nav a:hover{ top:1px; left:1px; position:relative;}#nav a:hover span{ display:block; top:-3px; left:-3px; position:absolute; color:FF3300;}</style>
<style type="text/css">
ul,li{list-style-type: none;}
#nav li{ float:left; margin-left:30px;}
#nav span{display:none;}
#nav a{font-size:12px;font-weight: bold;text-decoration: none; display:block;}
#nav a:hover{ top:1px; left:1px; position:relative;}
#nav a:hover span{ display:block; top:-3px; left:-3px; position:absolute; color:FF3300;}
</style>
……
<div id="nav">
<ul>
<li><a href="http://wuyisky.cnblogs.com/">菜鸟吧<span>菜鸟吧</span></a></li>
</ul>
</div>
分享到:
相关推荐
DIV+CSS教程——第一天XHTML_CSS基础知识
【标题】和【描述】提及的是一个关于使用`DIV+CSS`进行网页布局的教程,主要涵盖二列和三列布局的学习。以下是相关知识点的详细解释: 1. **二列自适应宽度**: - 在这种布局中,通常左侧列(如`side`)的宽度是...
13. **首行文字两文字缩进**: 使用CSS实现文本首行或首字母的特殊样式,提升页面设计感。 掌握XHTML+CSS网页制作技术并不只是学会使用`div`标签,更重要的是理解Web标准,熟练运用CSS选择器、盒模型、浮动和定位等...
- **知识点**:理解“DIV+CSS”这一术语的局限性及其背后的真实含义——“XHTML+CSS”。 - **实践**:通过实际案例演示如何使用XHTML编写结构清晰的网页,并利用CSS进行样式控制。 - **课程关键词**:XHTML、CSS、...
CSS使用选择器来选取要应用样式的元素,并通过属性和值来定义样式,例如:`color: red;`将文本颜色设置为红色,`font-size: 16px;`设定字体大小为16像素。 在"经典布局"这个部分,学习者可能会接触到常见的网页布局...
- **外部资源引用**:通过`<link>`标签引入CSS样式文件,通过`<script>`标签引入JavaScript脚本文件,实现网页样式的美化与动态效果的实现。 - **页面结构定义**:使用`<div>`、`<ul>`、`<li>`等标签构建页面的基本...
* 使学生掌握 Dreamweaver 工具的使用,能够运用 Dreamweaver 工具搭建一个简单的网页。 教学重点: * 创建第一个网页 * Web 标准 * HTML 简介 * CSS 简介 教学难点: * 网页的构成 * 网页相关名词 * Web 标准 *...
#### 八、网页设计DIV+CSS——第6天: XHTML代码规范 ##### XHTML编写规范 - **标签闭合**:所有标记都需要有相应的结束标记。 - **小写字母**:所有标签和属性名必须使用小写字母。 - **合理嵌套**:确保所有XML标记...
#### 八、网页设计DIV+CSS——第6天: XHTML代码规范 - **代码规范的重要性**:遵循一定的代码规范有助于提高代码的可读性和可维护性。 - **规范示例**:所有标记都必须有结束标记;所有标签和属性名字都必须使用...
开发者在应用模板时,可以考虑使用媒体查询等技术实现响应式效果,使网站在手机、平板电脑和桌面电脑上都能良好显示。 8. 遵循Web标准:在使用HTML和CSS时,遵循W3C的Web标准可以提高网页的可访问性、可维护性和...
- **CSS应用**:使用CSS3进行页面美化,包括但不限于字体样式、颜色搭配、图片处理等。 - **动画效果**:通过CSS3动画或JavaScript实现页面的过渡效果,增加用户交互体验。 ### 3. 技术实现 #### 3.1 HTML5基础 - ...
【描述】提到的学习路径——XHTML+CSS+Dreamweaver CS3,是早期Web前端开发的经典组合。XHTML是一种增强了的HTML,它具有XML的严格语法规则,用于构建网页的基本结构;CSS则用于控制这些结构的外观和布局,实现内容...
【DIV+CSS学习课件】是针对网页制作和计算机行业从业者的重要学习资源,它涵盖了网页设计的核心技术之一——DIV+CSS。在网页制作中,掌握DIV+CSS布局能够带来诸多优势。首先,采用完整的HTML规范书写代码,确保了...