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. 使用EasyBCD 从硬盘安装 deepin2014.1

    EasyBCD config  code: title Install Deepin2014 root (hd0,1) kernel (hd0,1)/vmlinuz boot=casper iso-s ...

  2. 1.MyBaits无代理全套增删改

    一.mybatis使用的准备工作 1.找到mybatis所需要的jar文件: mybatis-3.2.3.jar mybatis-spring-1.2.1.jar 2.解压mybatis-3.2.3. ...

  3. Union、Union All、Except、InterSect的区别

    UNION: 将多个「结果集 (result set)」的「行 (row)」合并,作为单个结果集返回,并移除重复的行.若有重复的行,只留下一个. UNION ALL: 将多个「结果集 (result ...

  4. 从零开始学Axure原型设计（高级篇）

    如果你熟悉了Axure的部件库,那么你可以得心应手地画出心目中产品的线框图:如果你会用Axure的母版.动态面板功能,那么你应该能够画出一些简单网站的原型图:但只有你精通了Axure的条件逻辑.变量. ...

  5. Storm源码分析--Nimbus-data

    nimbus-datastorm-core/backtype/storm/nimbus.clj (defn nimbus-data [conf inimbus] (let [forced-schedu ...

  6. Openjudge-计算概论（A）-单词翻转

    描述: 输入一个句子(一行),将句子中的每一个单词翻转后输出. 输入只有一行,为一个字符串,不超过500个字符.单词之间以空格隔开.输出翻转每一个单词后的字符串,单词之间的空格需与原文一致. 样例输入 ...

  7. incallui中如何查询联系人数据

    联系人信息显示在CallCard中,提示当前正在通话的联系人号码.姓名.头像.号码类型等信息: 代码中在两个地方发起对当前联系人的查询, Init():startContactInfoSearch(c ...

  8. C++ inline和#define宏的区别

    (1)什么是内联函数? 内联函数是指那些定义在类体内的成员函数,即该函数的函数体放在类体内. (2)为什么要引入内联函数?当然,引入内联函数的主要目的是:解决程序中函数调用的效率问题.另外,前面我们讲 ...

  9. 第1章 初识java----输出多行的语句写法

    public class onesixtwo{ public static void main(String[] args){ System.out.println("----------- ...

  10. 17．从键盘上输入一个正整数n，请按照以下五行杨辉三角形的显示方式， 输出杨辉三角形的前n行。请采用循环控制语句来实现。 （三角形腰上的数为1，其他位置的数为其上一行相邻两个数之和。） 1 1 1 1 2 1 1 3 3 1 1 4 6 4 1 1 5 10 10 5 1

    17．从键盘上输入一个正整数n,请按照以下五行杨辉三角形的显示方式, 输出杨辉三角形的前n行.请采用循环控制语句来实现. (三角形腰上的数为1,其他位置的数为其上一行相邻两个数之和.) 1 1 1 1 ...