【整理】CSS3知识点5

原创 2016年05月31日 13:05:30
多媒体查询
520 到 699px 宽度 - 添加邮箱图标
当浏览器的宽度在 520 到 699px, 邮箱链接前添加邮件图标:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
}
ul li a {
    color: green;
    text-decoration: none;
    padding: 3px; 
    display: block;
}
@media screen and (max-width: 699px) and (min-width: 520px) {
    ul li a {
        padding-left: 30px;
        background: url(email-icon.png) left center no-repeat;
    }
}
</style>
</head>
<body>
<h1>重置浏览器窗口,查看效果!</h1>
<ul>
  <li><a data-email="johndoe@example.com" href="mailto:johndoe@example.com">John Doe</a></li>
  <li><a data-email="marymoe@example.com" href="mailto:marymoe@example.com">Mary Moe</a></li>
  <li><a data-email="amandapanda@example.com" href="mailto:amandapanda@example.com">Amanda Panda</a></li>
</ul>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS3主要知识点复习总结+HTML5新增标签

分享2014-4-1 HTML5上课笔记 2、CSS3属性(内核前缀) Mozilla 内核   css前缀-moz;  WebKit  内核   css前缀-webkit ;(...
  • huangyibin628
  • huangyibin628
  • 2014年05月17日 22:00
  • 2321

CSS3知识点总结

CSS3知识点总结
  • liujie19901217
  • liujie19901217
  • 2016年05月13日 22:20
  • 2419

CSS3 知识点总结

边框的知识点:1.border-radius:border-radius设置的值越大,弧度越大,可以用具体数值10px来设置,也可以用20% 百分比来设置;你也可以只设置一个或其中几个角的弧度,就像这...
  • AXinBYZ
  • AXinBYZ
  • 2016年10月27日 15:32
  • 225

web前端知识点整理

一,html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: 1....
  • wcr19910118
  • wcr19910118
  • 2014年12月19日 00:02
  • 365

计算机网络重要知识点总结 面试必备

计算机网络常见面试题总结 1.      OSI,TCP/IP,五层协议的体系结构 OSI分层(7层):物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。 TCP/IP分层(4层):网...
  • u011225629
  • u011225629
  • 2015年04月23日 17:20
  • 2608

复习和总结H5 CSS3常见的知识点

常用标签       块级元素         div form table ul li ol dl dt dd h1-6 p header footer    nav figure    ...
  • chengjinrui
  • chengjinrui
  • 2016年12月18日 14:44
  • 884

Storm基本知识总结

Storm是一个开源的分布式实时计算系统,可以简单、可靠的处理大量的数据流。Storm的部署和运维都很便捷,而且更为重要的是可以使用任意编程语言来开发应用...
  • fish9164
  • fish9164
  • 2016年09月09日 15:09
  • 391

c++模板的一些知识点总结

一. 1 可以为类模板的模板参数提供默认参数,函数模板却不行。 2可以为类模板进行偏特化,而函数模板却不行。 二.模板参数 1 类型(可以是内建类型或是用户自定义类型) 2 无类型参数(整数...
  • lgp88
  • lgp88
  • 2011年12月08日 21:31
  • 1860

ElasticSearch知识点整理

1:es介绍          Elasticsearch是一个基于Lucene的实时的分布式搜索和分析引擎。设计用于云计算中,          能够达到实时搜索,稳定,可靠,快速,安装使用方便...
  • tanga842428
  • tanga842428
  • 2016年09月04日 21:22
  • 389

各种数据结构的知识点归纳

各种数据结构 By SemiWaker
  • semiwaker
  • semiwaker
  • 2017年03月14日 09:02
  • 316
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【整理】CSS3知识点5
举报原因:
原因补充:

(最多只允许输入30个字)