CSS超链接-光标-缩放

1.CSS 中链接的使用
2.CSS 中光标的使用
3.CSS 中缩放的使用

1、CSS 中链接的使用
超链接伪类属性
a:link    表示该超链接文字尚未被点选
a:visited 表示该超链接文字已被点选过
a:active  表示该超链接文字正被点选,但未被放开
a:hover   表示当鼠标停留在文字上

2、CSS 中光标的使用
属性名称     属性值      说明
cursor     auto          光标是手指
              crosshair   光标是十子形
              default      光标是箭头
              pointer      光标是手形
              move        光标是移动的符号
              text          输入文字的符号
              wait          漏斗
              help          帮助

3、CSS 中缩放的使用
属性名称 属性值             说明
zoom   normal             使用对象的实际尺寸

百分数/浮点实数  放大缩小

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="keyword" content="CSS超链接-光标-缩放"/>

<meta name="description" content="CSS超链接-光标-缩放"/>

<meta name="author" content="xiaobei qq:2801616735"/>

<title>CSS超链接-光标-缩放</title>

<style>

    a:hover{color:red;text-decoration:none;}

    a:visited{color:green;text-decoration:none;}

</style>

</head>

<body>

    <ul>

        <li>超链接</li>

        <li>光标</li>

        <li>缩放</li>

    </ul>

    <h2>1、超链接</h2>

    <p>

        <dl>

            <dt>默认情况:</dt>

            <dd><a href="http://localhost/xhtml/css_link.html">默认情况</a></dd>

            <dt>当鼠标停留在文字上:</dt>

            <dd><a href="http://localhost/xhtml/css_link.html">当鼠标停留在文字上</a></dd>

            <dt>该超链接文字已被点选过:</dt>

            <dd><a href="http://localhost/xhtml/css_link.html">该超链接文字已被点选过</a></dd>

        </dl>

    </p>

    <hr/>

    <h2>2、光标</h2>

    <p>

        <dl>

            <dt>默认情况</dt>

            <dd><span>默认情况</span></dd>

            <dt>箭头</dt>

            <dd><span style="cursor:default;">箭头</span></dd>

            <dt>手形</dt>

            <dd><span style="cursor:pointer;">手形</span></dd>

            <dt>帮助</dt>

            <dd><span style="cursor:help;">帮助</span></dd>

        </dl>

    </p>

    <hr/>

    <h2>3、缩放</h2>

    <p style="width:100px;height:100px; background-color:red; zoom:0.5;">缩放</p>

</body>

</html>

CSS超链接-光标-缩放的更多相关文章

  1. Css中光标,DHTML,缩放的使用

    Css中光标的使用: 属性名称                属性值                                         说明cursor                 ...

  2. CSS超链接样式，去除下划线等

    控制超链接样式 链接的四种状态: a:link - 普通的.未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 ...

  3. CSS实现图片缩放特效

    今天是感恩节,祝大家感恩节快乐哦!最近天冷了,大家注意保暖哟.下面一起看看小颖写的demo吧. html代码: <!DOCTYPE html> <html> <head& ...

  4. [css]通过transform缩放邮件客户端h5页面

    摘要 最近一直在折腾邮件通知的东东,大概逻辑就是如果有新邮件,向收件人的app推送一条服务号消息,并且在单击该消息的时候,需要展示邮件的详情. 技术 这里是使用Exchange EWS API来实现的 ...

  5. 使用JavaScript 和 CSS 实现图像缩放和剪裁(转)

    英文原文:Scale and Crop an Image using Javascript and CSS 在页面上需要裁减和缩放一张图片是一个常见问题.缩放图片比较简单的方法是使用image的hig ...

  6. css超链接

    超链接的代码<a href="http://www.divcss5.com/" target="_blank" title="关于div css ...

  7. HTML+CSS之光标悬停图片翻转效果

    设计思路:         首先做一个包括图片和说明文字的简单的页面结构,然后再设置它的变换.将变换的元素,即照片和文字放在一个父容器里面,这就需要四个父容器 ,再将这四个父容器放在最外层的舞台上面进 ...

  8. css实现网页缩放时固定定位的盒子与版心一同缩放

    在网页设计过程中我们可能会出现这种情况:设置好一个固定定位的盒子,但是当网页缩放时固定定位的盒子与网页的版心分离 这是因为css定位中的固定定位是以页面为参照进行定位的,而不是以版心盒子为参照,那么我 ...

  9. PHP全栈开发（八）：CSS Ⅴ 超链接 style

    CSS里面有专门针对超链接的选择器,也就是他们: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - ...

随机推荐

  1. js类的几种写法

    我们常用的有以下几种方法来用JavaScript写一个“类”: 1. 构造函数(public属性和方法) 1: function Person(iName, iAge){ 2: this.name=i ...

  2. UVA 1603 Square Destroyer

    题意: 给定一个火柴棒拼成的方格阵,然后去掉一些火柴棒,问至少再去掉几根火柴棒能够让图中一个正方形都没有. 思路: 1. 由于题目中给定了 n 的范围,2 * n * (n + 1) <= 60 ...

  3. size对齐

    写了很多程序,在很多地方都要用到内存长度对齐,比如文件的大小,pe文件内存的对齐等等. 下面记下两种简单的方法,觉得没啥大用处. #include <IOSTREAM> #include ...

  4. DataTable中执行DataTable.Select("条件"),

    我们在使用Sql ******这些数据库时,可以轻松的通过Sum.Aver.Count等统计出相关结果,那么,在已经把数据检索出来的DataSet(DataTable)中呢?特别是通过Web Serv ...

  5. hql中or的用法（代替union）

    hql中不支持union和unionAll关键字因为在查询出的结果集中无法进行排序.代替union起到相同作用的 是or关键字.在构造hql时考虑使用or代替union产生多个结果集的组合. 详解如下 ...

  6. windows程序设计读书笔记3——字符显示2

    由于显示的字符可能会不全,我们很容易想到的一个解决办法是使用滚动条. 先看一下代码,再进行分析: /*------------------------------------------------- ...

  7. linux系统下安全管理

    1.引导程序安全 linux系统的root密码是很容易破解的,当然前提是你没有设置引导程序密码,如GRUB或LILO,为了防止通过引导程序破译root密码,强烈建 议设置GRUB或LILO的引导密码, ...

  8. oc对象互相引用内存释放解决方案

    1.ARC 一端用strong,一端用weak 2.非ARC 一端用retain,一端用assign

  9. jquery.lazyload.js图片延迟加载(懒加载)--转载

    一.插件介绍 jquery.lazyload.js 是一个用 JavaScript 编写的jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动 ...

  10. javascript instanceof

    object instanceof constructor instanceof运算符用来检测constructor.prototype是否存在于参数object的原型链上. 对于instanceof ...