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. 《JS权威指南学习总结--第六章 对象》

    内容要点: 一.对象定义 对象是JS的基本数据类型.对象是一种复合值:它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值. 对象也可看做是属性的无序集合,每个属性都是一个名/值对. 属性 ...

  2. 【LeetCode】24. Swap Nodes in Pairs

    Given a linked list, swap every two adjacent nodes and return its head. For example,Given 1->2-&g ...

  3. Linux（power服务器）中kettle（2）

    Hadoop集群硬件环境 4台机器 ip地址 172.16.1.131 172.16.1.132 172.16.1.133 172.16.1.134 每台内存16G 8核cpu 直接使用报错:

  4. 使用 mulan-1.5.0 如何构造.arff文件

    1. 为什么要使用mulan 我用mulan来做多标签数据的分类,但是mulan的输入数据由两个文件控制,一个是data.arff文件,这个文件列出的所有的属性以及这些属性值的类型和他们对应的值.la ...

  5. 【Python爬虫实战--2】时间戳转换为指定格式日期

    摘自:http://www.2cto.com/kf/201406/311477.html (1)方法: 方法一: 利用localtime()转换为时间数组,然后格式化为需要的格式,如 timeStam ...

  6. html5+css3学习笔记音频和视频

    格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ ...

  7. java.io.IOException: Invalid header signature; read 0xE011BDBFEFBDBFEF, expected 0xE11AB1A1E011CFD0

    根据网上的解释,这个表示poi读取excel(97-2003)的时候头文件被损坏了,正常的方式:能打开的话,另存一下即可,实在不行直接新建一个内容一样的 本人环境:eclipse部署到tomcat,e ...

  8. app测试--稳定性测试

    稳定性测试的概念有2种, 一, 稳定性测试,对应于异常性测试,即发生异常情况时,系统如何反应的测试.包含: 1 交互性测试,被打扰的情况,如来电,短信,低电量等.这些其实在上章的功能测试中有提到. 2 ...

  9. CSS传统布局之display属性+float属性+position属性

    这三个属性是传统网页布局中经常用到的属性. 读这篇文章之前,希望你对css布局模型已经有了一定的了解.因为本文的三个属性是和css三个布局模型紧密联系在一起的.因此,如若你并不了解,我推荐你先看一下c ...

  10. 自定义Button成进度条

    ProgressButton源码: package com.example.progressbutton; import android.content.Context; import android ...