1.格式

　　a:link    {}　　普通的、未被访问的链接

　　a:visited {}　　 用户已访问的链接

　　a:hover  {}　　鼠标指针位于链接的上方

　　 a:active{}　　链接被点击的时刻

2.常用内嵌属性

　　color

　　text-decoration

　　background-color

　　font-family

　　padding-top

　　padding-right

　　padding-bottom

　   padding-left

　　例1：

 <html>

     <head>

         <title>教育培训</title>

         <style type="text/css">

             h2{font-weight:normal;}

             p{margin:0px;padding:0px;font-size:16px;}

             p{margin-bottom:3px;}

             body{margin-left:15px;}

             p a:link{color:blue;}

             p a:visited{color:blue;}

             #p1 a{text-decoration:none;color:#666;}

             #p1 a:hover{text-decoration:underline;}

             #p1 span,#p1 span a{color:green;}

             #p1 span a:hover{text-decoration:none;}

             span{color:red;}

             #p1{margin-bottom:20px;}

             .class1{font-size:12px;}

         </style>

     </head>

     <body>

         <h2>百度搜索结果页</h2>

         <p><a href="http://www.cdrtvu.com.cn/" target="block"><span>教育培训</span>，招生进行中，严格执行三必须政策｜网络教育</a></p>

         <p class="class1"><span>教育培训</span>电大，严格执行三必须政策，招生进行中。成都广播电视大学创办于1979年，是教育部批准独立设置的成教高等学校。

         </p>

         <p id="p1" class="class1"><span><a href="#">www.cdrtvu.com.cn</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>

         <p ><a href="#">品牌<span>教育培训机构</span> 快速提分 首选卓越教育</a></p>

         <p class="class1">成都<span>教育培训</span>18年成功教学+300名优质名师+50项实力认证，3个月可提高50到80分!成都<span>教育培训</span>补习，万千家长推荐认可品牌，价格合理，教学过硬，赶紧来预约吧!

         </p>

         <p id="p1" class="class1"><span><a href="#">cd.zy.com</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>

         <p><a href="#">四川<span>教育培训</span>加盟，教育加盟好项目，低风险，保盈利安全可回购。</a></p>

         <p class="class1">四川<span>教育培训</span>加盟，投资安全可回购，全国多家加盟店全部盈利 8大全方位扶持助您轻松当校长四川教育培训加盟，标准化体系保障，一站式全程服务，360度运营支持。

         </p>

         <p id="p1" class="class1"><span><a href="#">bd.bj-guomao.com</a> 2016-03</span> -<a href="#"> 推广</a> - <a href="#">评价</a></p>

         <p><a href="#"><span>教育培训</span>--中国少儿口才考级2016招募分点</a></p>

         <p class="class1">权威部门扛鼎!!全国青少儿普通话与口才培训考级项目2016全新上线。

         </p>

         <p id="p1" class="class1"><span><a href="#">zs.91pth.com</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>

         <p><a href="#"><span>教育培训</span>，<span>教育培训</span>低投入，网点遍布全国</a></p>

         <p class="class1">热点: <span>教育培训</span>优势: 网点遍布全国 | 解决后顾之忧 | 7大保障<span>教育培训</span>全国知名品牌，免费领取内部加盟指南。教育培训，7年教学经验，网点遍布全..

         </p>

         <p class="class1"><span>教育培训</span>机构招商<span>教育培训</span>学校加盟教育培训加盟<span>教育培训</span>机构加盟</p>

         <p id="p1" class="class1"><span><a href="#">www.51eduol.com</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>

     </body>

 </html>

　　例2：

 <html>

     <head>

         <title>搜狐教育频道内容页</title>

         <style type="text/css">

         body{background-color:#efefef;}

             h2{font-weight:normal;margin-left:40px;}

             p{font-size:14px;}

             p span{color:blue;}

             p a span #p1{color:green;}

             p a:link{text-decoration:none;}

             #p1,.p2{font-size:18px;color:green;}

             #p1{color:black;font-weight:bold;}

             .p3{color:#3C9DD0;}

             #p4{color:#999;}

         </style>

     </head>

     <body>

         <h2>搜狐教育频道内容页</h2>

         <p><a href="#" id="p1">搜狐<span class="p2">教育</span></a>&gt <a href="#" class="p3">教育新闻</a>&gt <a href="#" class="p3">教育动态</a></p>

         <hr size="4px" color="green"/>

         <h2 align="center"><strong>南京一脑力培训机构称8天等于12年 学费12800元</strong></h2>

         <p id="p4">&nbsp;&nbsp2012年07月31日07:19来源： <span class="p3">龙虎网-金陵晚报</span></p>

         <p><strong>&nbsp;&nbsp“天价”学费 8天12800元</strong></p>

         <p>&nbsp;&nbsp家长质疑价钱和效果能否成正比培训机构称：孩子教育无法用金钱衡量 物价部门表示：选择判断需谨慎</p>

         <p><strong>&nbsp;&nbsp今日聚焦</strong></p>

         <p>&nbsp;&nbsp“8天，12800元的学费。对于家长来说不是个小数目，是不是真的对孩子学习有帮助？”近日，市民杨先生

         向金陵晚报热线反映，原本想给孩子报名一家为“新周知教育集团”的脑力培训机构，但是其堪称“天价”的收

         费让他有些进退两难。“这家机构在广告上宣传的"8天等于12年，让孩子成绩飞起来"这样的宣传标语，作为

         家长肯定会心动。”杨先生说，更在乎的还是效果。为此，金陵晚报记者也不禁好奇，到底是怎样的培训效果

         才会有如此高的收费？（陈丹朱丽娟）</p>

         <p><strong>8天一万多有用吗</strong></p>

         <p>&nbsp;&nbsp“这样高价格的培训不禁让人咋舌。”杨先生告诉记者，6月中旬，他在报纸上看到了一家名为“新周知教

         育（国际）特训班”科学记忆法的广告。该机构在广告中宣称，“通过训练的大脑2天可记忆1000个英语单词，

         8天时间就让孩子成绩飞起来”。同时广告中还表示，该培训班由“世界记忆大师教练讲师团专家组，传授国

         际脑力教育前沿成果及快速记忆方法”。短短的8天时间，难道真能达到这么神奇的效果？禁不住广告的诱惑，

         杨先生给“新周知”打去了电话。</p>

         <p>&nbsp;&nbsp“我打电话过去问了一下，他们告诉我是8天的封闭式集训，通过科学的记忆方法帮助孩子提高成绩，总

         费用加起来一共是12800元，还说让我可以先去观摩会看看。”杨先生说。“我去观摩会看了下，感觉效果还挺

         好的，就想给自己的小孩报名。可是他们8天就要收1万多元钱，我觉得有点贵了。”面对天价收费，杨先生

         提出了质疑。“万一8天培训之后，孩子的成绩没有提高呢？到时候我又该找谁？”杨先生不免有些担忧。</p>

         <p><strong>孩子的教育无法用金钱衡量</strong></p>

         <p>&nbsp;&nbsp7月25日下午，金陵晚报记者以帮孩子报名参加培训为由，拨通了“新周知教育”脑力培训机构的电话。

         记者表示自己的孩子是小升初，想咨询一下“新周知特训营”的相关情况。接电话的男性工作人员表示，现

         在小学阶段的孩子已经有十几个人报名了，分为3个班，每个班大概有五六个人，分别由相应的生活老师

         和培训老师负责。</p>

     </body>

 </html>

HTML+CSS Day06 超链接的样式与搭配的更多相关文章

  1. 【CSS】使用CSS改变超链接样式

    超链接代码 <ahrefahref="http://www.divCSS5.com/"target="_blank" title="关于divC ...

  2. Css选择器(上) 让样式无孔不入

    css选择器    一个可以选择样式的工具, 这里适用于无论是内部代码还是外部引用 abc.css 这类型的文件. 基本选择器*{ }        就是一个简单的*, 代表应用于全部. 不适合于个性 ...

  3. HTML基础（四）——设置超链接的样式示例

     ***设置超链接的样式示例  a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时 a:active 点击超链接时 在定义这些状态时,有一个顺序l v ...

  4. 24, CSS 构造超链接

    1. 超链接边框 2. 派生超链接 3. 属性选择器超链接 4. 动态超链接 5. 图像翻转超链接 6. CSS 工具提示 1.给链接加上边框 A:link { Color: #f00; Text-d ...

  5. [HTML/CSS]uploadify自定义按钮样式

    概述 在项目中经常用到uploadify上传插件,但是FLASH按钮的外观往往跟我们网页的设计的主题色不太搭配.这时就需要对其样式进行修改. 样式文件是uploadify.css. 打开这个文件后,你 ...

  6. 学习笔记 第七章 使用CSS美化超链接

    第7章  使用CSS美化超链接 学习重点 认识超链接 熟悉伪类 定义超链接样式 能够灵活设计符合页面风格的链接样式 7.1  定义超链接 在HTML5中建立超链接需要两个要素:设置为超链接的网页元素和 ...

  7. 2020年12月-第02阶段-前端基础-CSS Day06

    CSS Day06 定位(position) 理解 能说出为什么要用定位 能说出定位的4种分类 能说出四种定位的各自特点 能说出我们为什么常用子绝父相布局 应用 能写出淘宝轮播图布局 1. CSS 布 ...

  8. css input[type=file] 样式美化，input上传按钮美化

    css input[type=file] 样式美化,input上传按钮美化 参考:http://www.haorooms.com/post/css_input_uploadmh

  9. web的各种前端打印方法之CSS控制网页打印样式

    来源:http://www.jb51.net/web/70358.html CSS控制网页打印样式: 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人 ...

随机推荐

  1. c# listview的使用

    C#向listview中添加项

  2. el表达式跟ognl表达式的区别

    :  EL表达式 单纯在jsp页面中出现,是在四个作用域中取值,page,request,session,application. 如果在struts环境中,它除了有在上面的四个作用域的取值功能外,还 ...

  3. 浙大pat 1031题解

    1031. Hello World for U (20) 时间限制 400 ms 内存限制 32000 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue Giv ...

  4. bug记录_signalr执行$.connnection.testhub结果为空

    最后发现配置文件<appSettings>中多了一句<add key="owin:AutomaticAppStartup" value="false&q ...

  5. JVM基础(3)-多态性实现机制

    一.方法解析 Class 文件的编译过程中不包含传统编译中的连接步骤,一切方法调用在 Class 文件里面存储的都只是符号引用,而不是方法在实际运行时内存布局中的入口地址. 因此,想要使用这些符号引用 ...

  6. Gentoo解决Udev升级的网卡重命名问题

    问题描述: 配置网络时,很多新手运行ifconfig命令查看网卡时,会发现我们熟悉的eth0网卡没有了,或是发现一些不规则命名的东东,不错,那就是你的网卡. 因为内核升级(忘记具体哪个版本了)从ude ...

  7. $pull

    $pull 删除所有匹配的文档,不仅仅只是删除一个. db.test.insert( {"todo":["dishes","laundry" ...

  8. 网页 JavaScript的DOM操作

    今天,我首先对之前学习的内容进行了复习,然后学习了当鼠标指向某一个按钮时,切换对应的背景图片. <div id="d1"> </div> <input ...

  9. HIVE 简单总结

    hive 1 table 查看 表show tables;查看表结构desc table_name; 2 database 默认 default 创建databasecreate database_n ...

  10. 利用NSURLSession完成的断点续传功能

    首先是业务中的.h文件 #import <UIKit/UIKit.h> #import "DenglSingleton.h" @protocol DownLoadVCd ...