- 浏览: 1510875 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (595)
- Java咖啡厅 (208)
- IT杂侃 (23)
- 程序员笑话 (7)
- 我的后现代文学 (1)
- WEB编程 (116)
- 软件评测 (8)
- 操作系统 (3)
- 炫目Ruby (2)
- 行业知识 (7)
- 我的动漫情结 (6)
- 其他 (8)
- Window DIY (6)
- 古文学 (3)
- 转载文章 (2)
- IT百科 (7)
- 动态网页Active (1)
- 文档 (1)
- 设计理论 (11)
- .NET 快速开发 (18)
- 英语学习 (6)
- 网站分析 (2)
- 开源软件 (4)
- 数据库 (28)
- 笔记 (4)
- 源代码共享 (8)
- IT人物 (2)
- 软件管理 (10)
- 小说创作 (0)
- 大众软件 (12)
- 网站评论 (3)
- 小虾乱说 (10)
- 游戏 (8)
- 心情 (3)
- 娱乐休闲 (2)
- Delphi编程 (1)
- PHP编程 (4)
- 中间件 (2)
- 移动开发 (2)
- Office应用 (2)
- Photoshop (1)
- Eclipse (5)
- 面试题 (1)
- 手机评测 (0)
- VBScript (1)
- WEB前端-EXT (3)
- 吐槽 (1)
- Java咖啡厅 Ibatis (1)
- javascript Ext (1)
- jquery ui (1)
- require (1)
- WEB编程 Javascript (1)
- jquery (1)
- Swing (1)
- 分布式 (1)
最新评论
-
zhangjihao:
28. 下面哪个Set是排序的? A. LinkedHas ...
Java面试题(选择题) -
zhangthe9:
ICMP报文被封装在IP包里,也就是说他是由IP协议承载的,从 ...
Java面试题(选择题) -
zhunengfei:
真的假的?
自已写的jquery ui框架 -
white_crucifix:
少年,发烫是所有智能手机的特点,而莫名发烫是所有安卓手机的特点 ...
【吐槽】三星手机的OS是一砣屎 -
suzu88:
试了一下,可以用。如果美化一下控件和窗体更有意思。
一个用XML构建Swing视图的框架
今天在51.la论坛有网友问起"同一页面如何制作多种链接样式",于是自己就随手写了一个:CSS制作多种链接样式代码,结果却写错鸟,其实 多种链接样式制作方法 挺简单的,看看下面这个多种链接样式制作方法的实例,你就明白了如何用CSS制作多种链接样式了
<html>
<head>
CSS制作多种链接样式实例
<style type="text/css">
</style>
</head>
<body>
第一种样式(默认的) 个人日志
第二种样式 个人日志
另外一种实现链接样式的方法 个人日志
</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> CSS制作多种链接样式实例 <link rel="stylesheet" type="text/css" href="default.css"> </head> <body> 第一种样式(默认的) 个人日志
第二种样式 个人日志
另外一种实现链接样式的方法 个人日志
</body> </html>
第二种样式 个人日志
另外一种实现链接样式的方法 个人日志
DIV容器实现链接样式的方法 个人日志
</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> CSS制作多种链接样式实例 <link rel="stylesheet" type="text/css" href="default.css"> </head> <body> 第一种样式(默认的) 个人日志
第二种样式 个人日志
另外一种实现链接样式的方法 个人日志
DIV容器实现链接样式的方法 个人日志
</body> </html>
发表评论
-
AJAX
2019-06-12 22:41 904Ajax 全名为Asynchronous Javas ... -
Webpack入门配置
2019-01-05 15:33 3198Webpack是一个强大前端集成工具,它在Nodejs的基础 ... -
解决Jetty做Web容器时,修改JS或HTML出错的问题
2018-07-03 18:28 1096解决的方法 1. 进入jetty的安装目录 ... -
用JQuery做的一个分页效果
2018-05-28 02:29 2347这个效果主要使用jquery来实现, 每次显示 ... -
Vue自已写的日历插件
2018-05-07 12:36 6426自已写的日历插件,还在优化中,后续会陆续更新。 ... -
无刷新上传文件的方法
2018-04-15 00:05 840这里使用jquery.form.js的方法 1. ... -
zrender学习点滴
2018-01-21 20:37 1822Zrender是一个二维绘图引擎,它提供了Canvas,S ... -
原创程序- Web版数据库管理
2017-11-15 00:39 1185这是我自已写的Web版的数据库管理工具,主要是依赖于JDBC ... -
Vue学习点滴
2017-09-23 22:11 7571. 循环 v-for="(item, ... -
Eclipse创建Web项目
2017-07-29 10:53 7841. 打开创建Web项目的对话框 2 ... -
HTML5 新增功能收集
2017-04-29 03:18 683HTML 5是HTML发展以来最大的一次变革,相比其 ... -
Bootstrap学习记录点滴
2017-04-28 00:56 9221. 学习Bootstrap必进的学习网站 ... -
关于地图显示的一些知识
2017-02-18 23:34 9331. 墨卡托(Mercator)投影 墨卡 ... -
CSS知识记录点滴
2017-02-05 11:06 6041. 元素无法选择 -webkit-u ... -
用JS制作3D效果布局
2016-12-04 22:18 25这是用JS做的一个3D布局效果的程序, 目前还是研究 ... -
tntxiawebmvc 做国家管理的系统
2016-11-19 18:21 8721. 首先我们先增加一个Web项目 如图:我们在左 ... -
jtopo学习记录
2016-11-13 13:34 15611. 通过JSON的格式来创建结点: $(funct ... -
Html 5 Canvas 学习记录
2016-11-13 10:28 5921. stroke beginPath endPat ... -
jquery杂记
2016-08-11 19:11 6961. $ 的作用 $ 在jquery里面有两 ... -
自已写的jquery ui框架
2016-03-08 23:53 1552这个是自已写的一个jquery ui的插件,目的是 ...
相关推荐
在这个"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中最常用的容器元素之一,常用来组合其他元素并形成块级结构,...