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. PAT 团体程序设计天梯赛-练习集 L1-017. 到底有多二

    一个整数“犯二的程度”定义为该数字中包含2的个数与其位数的比值.如果这个数是负数,则程度增加0.5倍:如果还是个偶数,则再增加1倍.例如数字“-13142223336”是个11位数,其中有3个2,并且 ...

  2. Spring MVC集成slf4j-logback

    转自: Spring MVC集成slf4j-logback 1.  Spring MVC集成slf4j-log4j 关于slf4j和log4j的相关介绍和用法,网上有很多文章可供参考,但是关于logb ...

  3. 检索字符创 php

    strstr()可以返回匹配的值 echo strstr("localhost", "os");返回ost echo substr_count("gg ...

  4. Map获取键值,Map的几种遍历方法

    Map 类提供了一个称为entrySet()的方法,这个方法返回一个Map.Entry实例化后的对象集.接着,Map.Entry类提供了一个 getKey()方法和一个getValue()方法,Map ...

  5. Java Timer及TimerTarsk(摘自网络)

    Java自带的java.util.Timer类,通过调度一个java.util.TimerTask任务. 这种方式可以让程序按照某一个频度执行,但不能指定时间运行.用的较少.任务的调用通过起的子线程进 ...

  6. 日志输出--C#

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  7. Table获取checkbox选中行数据

    //检测勾选值 function checkEnter() { var Ivalue = ""; $("#dataTable tr").each(functio ...

  8. Linux下好用的简单实用命令

    1.你是否为在输入了一大串命令之后发现第一个字符打错了而苦恼?只能删除重来嘛?或者一步步左移光标? NO,一个组合键轻松搞定 Ctrl+A -----到命令行首 Ctrl+E ------到命令行末 ...

  9. 调用CImg库显示WAV格式音频波形

    最近在做傅里叶变换和小波变换时经常要通过显示波形来检验算法,但通过visual studio之类显示波形又显得麻烦,而且不能跨平台. CImg是一个跨平台的C++的图像处理库,提供的图像处理等功能十分 ...

  10. Sql CE 数据库编程

    用户工具: http://www.linqpad.net/ 查询编辑数据 http://sqlcequery.codeplex.com/  查询编辑数据 开发人员工具: 安装:EF Tools nug ...