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. POJ 3537 Crosses and Crosses（SG/还未想完全通的一道SG）

    题目链接 #include<iostream> #include<cstdio> #include<cstring> using namespace std; ]; ...

  2. Java IO 四大附加接口、try-with-resource

    Java IO 四大附加接口.try-with-resource @author ixenos 四大附加接口 Closeable.Flushable.Readable.Appendable Close ...

  3. hdu_2476_String painter(区间DP)

    题目链接:hdu_2476_String painter 题意: 有a,b两字符串,现在你有一个刷子,每次可以任选一个区间,使这个区间变成你想要的字符,现在让你将a变成b,问最少刷多少次 题解: 考虑 ...

  4. 1、MySql的安装和连接测试并给root用户赋密码

    一.mysql数据库的安装 Windows下MySQL的配置 以 MySQL 5.1 免安装版为例, 下载 mysql-noinstall-5.1.69-win32.zip ( 官方下载页: http ...

  5. iOS之网络编程

    发送HTTP请求的方法 在HTTP/1.1协议中,定义了8种发送http请求的方法 GET.POST.OPTIONS.HEAD.PUT.DELETE.TRACE.CONNECT.PATCH 根据HTT ...

  6. NOIP2011-普及组复赛模拟试题-第二题-买票

    题目背景 Background Ztc真的遇上黄牛了...  题目描述 Description   周末Ztc想去剧场看演出,但是他没有票.这时,救世主Wzj出现了,他慷慨地愿意卖给Ztc一些票.   ...

  7. 2015 ACM/ICPC Asia Regional Shenyang Online

    1001 Traversal 1002 Best Solver 1003 Minimum Cut 类似于POJ 3417的做法. 考虑每条新边对树边的覆盖次数. 每条树边被覆盖的次数其实就是断裂这条树 ...

  8. js 中创建对象

    对象是什么 从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值.对象或函数.也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象. 最 ...

  9. iOS 打电话、发短信、发邮件功能

    打电话 方法1 最简单最直接的方式:直接跳到拨号界面 NSURL *url = [NSURL URLWithString:@"tel://10010"]; [[UIApplicat ...

  10. javascript中函数的call，apply及bind方法

    call 方法调用一个对象的一个方法,以另一个对象替换当前对象.call([thisObj[,arg1[, arg2[,  [,.argN]]]]])参数thisObj可选项.将被用作当前对象的对象. ...