第5章—通过CSS定义链接样式

5.1针对链接的CSS基本概念:

5.1.1 CSS伪类别

5.1.2 用伪类别定义动态超链接

5.2定义丰富的超链特效

5.2.1给链接添加提示文字:title属性

5.2.2按钮式超链接

5.2.3 为超链添加背景图效果

background-image:url(nav01.jpg);

5.2.4 用CSS定义针对超链的鼠标特效

cursor:鼠标各种样式及大小的设置

时间: 2024-10-14 05:53:30

第5章—通过CSS定义链接样式的相关文章

iPhone 上怎么给CSS定义 active 样式

如果给按钮定义 :hover 样式,在 iPhone 上按钮点击一次是 hover 态,再点击一次 hover 态才会消失,这不是我们想要的,继而想通过定义 :active 样式来实现按钮按下时的效果,但定义的 active 样式在 iPhone 上点击时没有任何效果 只需添加一段 js 即可: document.addEventListener("touchstart", function() {},false); 另一个方案,可以在 body 上添加 ontouchstart=&q

css定义表格样式

table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #a9a9a9; border-collapse: collapse; } table.gridtable th { border-width: 1px; padding: 8px 5px; border-style: solid; border-color

CSS文件及样式命名

一.CSS文件及样式命名 全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.css: 容 器:container/box 头 部:header 主 导 航:mainNav 子 导 航:subNav 顶 导 航:topNav 网站标志:logo 大 广 告:banner 页面中部:mainBody 底 部:footer 菜 单:menu 菜单内容:menuContent 子 菜 单:subMenu

CSS链接样式设置

CSS链接样式,我们知道当我们读一篇文章的时候,有的时候鼠标滑到什么一些文字,有的文字下面会有下 划线,或者是颜色发生变化,其实我们都知道这就是一个链接,出现下滑线和颜色发生变化,都是链接的时 候我们对链接样式的设置.以上我们简单的介绍了什么是样式,你可能会问,哇呜,什么是样式,怎样没有定义 其实我们没有定义更好,我们只需要是去理解.可是我还不理解.不急.请听我慢慢道来: 不同的链接可以有不同的样式,链接样式可用CSS任意的属性,比如颜色color,font,background等等.慢着 我们

【经验】在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序

以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确. 给出我试的顺序,可能会对大家有一些帮助: a:link { color: #000000; text-decoration: none } a:visited { color: #000000; text-decoration: none } a:hover { color: #ff7f24; text-decoration

用Css定义不同的鼠标光标样式

系统光标大家再熟悉不过了,熟悉的甚至忘了它们的存在.用CSS我们可以将这些光标一一展现出来,本例将展现给大家用CSS实现拖动符的光标.链接小手.移动光标.带问号的光标.不可操作的光标.小手光标.带运行符的光标.上下拖动的光标.普通打字光标.竖向排行的文字光标.系统忙的光标等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh

漂亮的按钮(CSS 过渡和链接样式)

HTML 代码: <body> <a class="anniu" href="http://www.baidu.com/"> 百度一下 </a> </body> CSS 代码: /* CSS Document */ .anniu{ display:block; width:120px; height:40px; background-color:#333333; color:#FFFFFF; text-align:ce

[2016-01-16][CSS][定义样式表(样式选择器)]

Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器 定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可 伪选择器 calss的使用 ID的使用 组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6

HTML中使用CSS -- 定义CSS样式

CSS:Cascading Style Sheets(层叠样式表) 有三种方式可以在XHTML页面中嵌入CSS.参见CSS教程. 1.在head标签中加载一个CSS文件 示例 <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> 此例使用了link标签. abbr { font-size:12px; } .text10