- 浏览: 1092356 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (453)
- Struts2 (30)
- Spring (14)
- iBATIS (6)
- Hibernate (13)
- JVM (5)
- JSON (10)
- Ajax (5)
- Flex (1)
- JavaScript (25)
- PowerDesigner (4)
- 项目管理 (7)
- 数据库 (29)
- 生活 (18)
- 软件应用 (21)
- 无线技术 (2)
- Linux (39)
- TOP开发学习 (2)
- JAVA工具小TIPS (2)
- Java通用 (52)
- XML (3)
- 软件测试 (29)
- Maven (10)
- Jquery (1)
- 正则表达式 (3)
- 应用服务器 (15)
- Android (5)
- linux 和windowx 下 tomcat 设置JVM (8)
- 应用服务器 连接池 (4)
- Linux 后台输出中文乱码 (1)
- Hadoop (28)
- python (2)
- Kafka (7)
- Storm (5)
- Elasticsearch (7)
- fddd (1)
最新评论
-
kafodaote：
Kafka分布式消息系统实战（与JavaScalaHadoop ...
分布式消息系统Kafka初步 -
小灯笼：
LoadRunner性能测试实战课程网盘地址：http://p ...
LoadRunner性能测试应用（八） -
成大大的：
Kafka分布式消息系统实 ...
分布式消息系统Kafka初步 -
hulalayaha2：
Loadrunner性能测试视频教程下载学习：http://p ...
LoadRunner性能测试应用（八） -
993042835：
搞好 谢谢
org.hibernate.exception.ConstraintViolationException: could not delete:
多种链接样式制作方法 挺简单的,看看下面这个多种链接样式制作方法的实例,你就明白了如何用CSS制作多种链接样式了
<html>
<head>
<title>CSS制作多种链接样式实例</title>
<style type="text/css">
<!--
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: underline}
a:active { color: #800080; text-decoration: underline}
a.red:link { color: #FF0000; text-decoration: none}
a.red:visited { color: #FF0000; text-decoration: none}
a.red:hover { color: #606060; text-decoration: underline}
a.red:active { color: #606060; text-decoration: underline}
a.ameth:link { color: #400040; text-decoration: none}
a.ameth:visited { color: #400040; text-decoration: none}
a.ameth:hover { color: #FF3399; text-decoration: underline}
a.ameth:active { color: #FF3399; text-decoration: underline}
div.other a:link { color: #004000; text-decoration: none}
div.other a:visited { color: #004000; text-decoration: none}
div.other a:hover { color: #008000; text-decoration: underline}
div.other a:active { color: #008000; text-decoration: underline}
-->
</style>
<!-- 链接样式表 -->
</head>
<body>
第一种样式(默认的) <a href="http://www.dayanmei.com">个人日志</a> <br>
第二种样式 <a class="red" href="http://www.dayanmei.com">个人日志</a><br>
另外一种实现链接样式的方法 <a class="ameth" href="http://www.dayanmei.com">个人日志</a><br>
<div class="other">DIV容器实现链接样式的方法 <a class="other" href="http://www.dayanmei.com">个人日志</a></div><br>
</body>
</html>
当然,你完全可以将CSS代码写入一个CSS文件,这样做的好处,不仅是你的网页HTML代码简洁了,而且你会发现速度也跟着提升了,因为浏览器会缓存你的CSS文件,更重要的是你要改变样式时只需要改变CSS样式表文件就可以了
这样写
css样式文件 default.css
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: underline}
a:active { color: #800080; text-decoration: underline}
a.red:link { color: #FF0000; text-decoration: none}
a.red:visited { color: #FF0000; text-decoration: none}
a.red:hover { color: #606060; text-decoration: underline}
a.red:active { color: #606060; text-decoration: underline}
a.ameth:link { color: #400040; text-decoration: none}
a.ameth:visited { color: #400040; text-decoration: none}
a.ameth:hover { color: #FF3399; text-decoration: underline}
a.ameth:active { color: #FF3399; text-decoration: underline}
div.other a:link { color: #004000; text-decoration: none}
div.other a:visited { color: #004000; text-decoration: none}
div.other a:hover { color: #008000; text-decoration: underline}
div.other a:active { color: #008000; text-decoration: underline}
现在,你只需要将CSS包含进你的HTML文件就可以了
index.htm
<html>
<head>
<title>CSS制作多种链接样式实例</title>
<link rel="stylesheet" type="text/css" href="default.css">
<!-- 链接样式表 -->
</head>
<body>
第一种样式(默认的) <a href="http://www.dayanmei.com">个人日志</a> <br>
第二种样式 <a class="red" href="http://www.dayanmei.com">个人日志</a><br>
另外一种实现链接样式的方法 <a class="ameth" href="http://www.dayanmei.com">个人日志</a><br>
<div class="other">DIV容器实现链接样式的方法 <a class="other" href="http://www.dayanmei.com">个人日志</a></div><br>
</body>
</html>
发表评论
-
java.lang.NoClassDefFoundError: com/sun/mail/util/LineInputStream
2013-05-10 16:10 824C:\Program Files (x86)\MyEc ... -
读取word pdf中的文字 用第三方组件 pdfbox 和 poi
2013-03-20 23:51 1011读取word pdf中的文字 用第三方组件 pdfbox 和 ... -
非常好使的FileUtil 类
2013-03-09 12:45 1008package com.zqk.util; imp ... -
eclipse 3.4.1 导入项目后 Target runtime Apache Tomcat v5.0 is not defi...
2012-05-29 09:27 1808下载最新版本eclipse3.4.1后，导入以前的项目，报 ... -
MyEclipse 6.5 序列号生成器
2011-06-10 09:47 1672import java.awt.event.ActionEve ... -
字节序 整形与字节数组转换
2010-12-15 13:43 2347Big Endian and Little Endian ... -
JPEG文件数据结构以及将位图保存为JPG的代码 转2
2010-12-02 13:31 2858三、实例分析 用系统自带的画图程序画一个32×24的红色方块 ... -
JPEG文件数据结构以及将位图保存为JPG的代码 转1
2010-12-02 13:30 3054JPEG文件数据结构以及将位图保存为JPG的代码一、简 ... -
Nginx+resin调优文档
2010-11-18 17:02 2307http://blog.liuts.com/post/204/ ... -
分析 Tomcat startup.bat 启动脚本
2010-11-03 14:53 3228分析 Tomcat startup.bat 启 ... -
Tomcat配置优化 转
2010-11-03 14:51 10731.精简Tomcat和配置文件1.1 ．删除不需要的管理应用和 ... -
URLConnection 读取字节流
2010-10-27 13:15 32692008-11-08 山寨Wget实现又惹事了 h ... -
字节到整形的转换
2010-10-27 12:47 1428public byte[] intToByte(int i) ... -
Gif 文件格式分析
2010-10-27 11:45 1068GIF文档ˉˉˉˉˉˉ 1.概述~~~~~~~~ ... -
JPG文件格式解码图片高度和宽度的分析
2010-10-27 10:34 986013. 简单说一下 JPG 文件的解码 ---------- ... -
虚拟主机上给一个网卡设置多个IP地址
2010-10-13 17:22 1892配置虚拟主机时有一种方式是在一块网卡上绑定多个IP，操作如下： ... -
linux下一个网卡配置多个IP
2010-10-13 17:21 967文本控制台下面有netconfig，还有ifconfig工具， ... -
[转载]linux中sar的详细使用
2010-10-13 17:06 886在使用UNIX操作系统的过程中，我们常常 ... -
Linux中sar命令
2010-10-13 17:05 996Linux中sar命令 sar这东 ... -
Resin 3 pro高并发,响应性与稳定性方案(转)
2010-10-13 12:59 3609Resin 3 pro高并发,响应性与稳定性方案(转) ...
相关推荐
在这个"CSS制作的—经典后台"资源包中，你可能会找到各种CSS代码示例、预设样式、布局模板等，这些都是为了帮助开发者快速构建出功能完备且设计精美的后台管理系统。通过学习和参考这些实例，你可以提升自己的CSS...
- **Div + CSS布局**：网页使用Div元素实现布局，并通过CSS设置样式，使页面具有良好的视觉效果。 - **鼠标滑过特效**：通过CSS的`:hover`伪类实现鼠标滑过时的动态效果。 - **Table与表单的应用**：使用表格和...
网页制作完全手册与CSS 2.0样式表中文手册是学习网页设计不可或缺的参考资料，尤其对于初学者来说，这两份资料能提供全面且深入的知识体系。网页制作涉及到HTML（超文本标记语言）和CSS（层叠样式表）两种核心技术，...
总结来说，mimic.css是一个强大的CSS3动画库，专为制作酷炫文字动画而设计。它集成了多种预设效果，易于使用且可定制，为网页设计师提供了丰富的工具，使得文字不再只是静态的信息载体，而是成为传递动态信息和增强...
3. **外部样式表（External Style Sheet）**：外部样式表是独立于HTML文档的CSS文件，通过`<link>`标签链接到HTML文档中。这种方式可以实现样式在整个网站的统一管理，提高代码重用性和可维护性。例如： ```html ...
综合以上信息，这个“css 制作导航菜单 工具”是一个强大的设计辅助工具，能够帮助用户快速创建出美观且功能齐全的导航菜单，同时提供详细的使用指导和多种预设样式，使得即使是对CSS不熟悉的用户也能轻松上手。
标题中的“一个免费css tab制作工具”指的是一个用于创建CSS Tab布局的软件或在线平台，这类工具通常允许用户设计和自定义网页上的选项卡样式，而无需深入理解复杂的CSS代码。CSS Tab Designer V2.0是这个工具的一个...
7. **兼容性**：支持多种CSS语法和文件格式，包括但不限于CSS3的特性，如CSS模块、变量、calc()函数等。 8. **安全和隐私**：尽管批量下载工具能提升效率，但也需要注意尊重网站的robots.txt文件和版权，避免非法...
【CSS完全教程】深入解析 CSS，全称Cascading Style Sheets，中文称为层叠样式表，是网页设计中用于表现HTML或XML文档的一种样式语言。...可以通过提供的链接下载CSS完全教程，参与讨论，进一步提升CSS技能。
【网页制作样式层叠样式表】(CSS)是网页设计中的关键组成部分，它与HTML一同构建了现代网页的视觉呈现。CSS全称为Cascading Style Sheets，中文译为层叠样式表，其主要作用是独立于网页内容来定义和控制网页的外观。...
"CSSTab 导航栏CSS制作工具"是专为此目的设计的一个实用工具，简化了创建具有动态效果的导航栏的过程。这款工具使得非专业程序员也能轻松创建出专业的、具有视觉吸引力的导航栏。 首先，我们来深入了解CSS...
10. **测试与调试**：使用CSS导航制作工具完成后，需要在多种浏览器和设备上进行测试，确保所有链接功能正常，样式无误。开发人员可以借助浏览器的开发者工具进行实时调试和修改。 综上所述，"CSS导航制作工具"是...
通过上述描述，我们可以看出，文档涉及了前端开发中的核心知识点，包括HTML的基本结构、链接的使用、表格的制作、表单的创建、列表的排列、框架的设定、内嵌框架的应用以及CSS样式的引入和使用。掌握这些知识对于...
CSS3还提供了多种选择器，使得我们可以更精确地选择和操作元素。例如，类选择器（`.class`）可用于将样式应用于具有特定类的元素，而ID选择器（`#id`）则用于定位唯一的元素。在本项目中，这些选择器可能会与伪元素...
在本项目中，"用HTML+CSS制作微博的静态页面.zip"是一个压缩包，其中包含了一个使用HTML和CSS技术构建的静态微博页面的源代码。这个项目的主要目标是模仿微博的用户界面，创建一个功能类似但不涉及动态交互的网页。...
CSS选择器有多种类型，如元素选择器（如`p`）、类选择器（如`.class`）、ID选择器（如`#id`）和属性选择器等。CSS3还引入了更多的选择器，如伪类（`:hover`, `:active`, `:focus`等）和伪元素（`::before`, `::after...
7. **交互元素**：可能包含按钮、链接等，通过CSS可以定制它们的样式和交互效果。 8. **SEO优化**：使用合适的`<meta>`标签、`alt`属性等提升搜索引擎可见性。 9. **代码结构**：保持良好的代码组织和注释，便于...
综上所述，制作一个简单的校园网页需要综合运用HTML5、CSS3和JavaScript等多种技术，并注重细节处理和用户体验。通过合理的规划和技术选择，可以构建出既美观又实用的校园网站，满足学习和展示的需求。
这些链接指向不同的CSS文件，每个文件负责不同的样式设置，例如字体、布局、图标等。 ### 二、前端布局技术 **2.1 Div + CSS布局** Div标签是HTML中最常用的容器元素之一，常用来组合其他元素并形成块级结构，...