六盘水微信公众号开发公司、六盘水微信小程序制作费用、六盘水客户端APP软件需要大概多少钱【六盘水小程序搭建开发】六盘水企业微信服务号代运营制作、六盘水公众号推文编辑排版外包价格

发表日期： 2020-07-01 16:15:13 浏览次数：178

六盘水，别名中国凉都，是贵州省下辖市。位于贵州西部乌蒙山区，被中国气象学会授予“中国凉都”称号，是全国唯一以气候特征命名的城市。

六盘水地处滇、黔两省结合部，长江、珠江上游分水岭，南盘江、北盘江流域两岸，矿产资源十分丰富。交通四通八达，是西南重要的铁路枢纽城市和物流集散中心之一。是国家西电东送的主要城市，西南乃至华南地区重要的能源原材料工业基地，煤炭、电力、富硒茶、生物制药构成了市内的重要经济发展。

2018年，入选“全国青少年校园足球改革试验区”。

CSS3 多媒体查询实例

本章节我们将为大家演示一些多媒体查询实例。

开始之前我们先制作一个电子邮箱的链接列表。HTML 代码如下：

实例 1

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
}

ul li a {
    color: green;
    text-decoration: none;
    padding: 3px; 
    display: block;
}
</style>
</head>
<body>

<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>

尝试一下 »

注意 data-email 属性。在 HTML 中我们可以使用带 data- 前缀的属性来存储信息。

520 到 699px 宽度 - 添加邮箱图标

当浏览器的宽度在 520 到 699px, 邮箱链接前添加邮件图标：

实例 2

@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;
    }
}

尝试一下 »

700 到 1000px - 添加文本前缀信息

当浏览器的宽度在 700 到 1000px, 会在邮箱链接前添加 "Email: ":

实例 3

@media screen and (max-width: 1000px) and (min-width: 700px) {
    ul li a:before {
        content: "Email: ";
        font-style: italic;
        color: #666666;
    }
}

尝试一下 »

大于 1001px 宽度 - 添加邮件地址

当浏览器的宽度大于 1001px 时，会在链接后添加邮件地址接。

我们会使用 data- 属性来为每个人名后添加邮件地址：

实例 4

@media screen and (min-width: 1001px) {
    ul li a:after {
        content: " (" attr(data-email) ")";
        font-size: 12px;
        font-style: italic;
        color: #666666;
    }
}

尝试一下 »

大于 1151px 宽度 - 添加图标

当浏览器的宽度大于 1001px 时，会在人名前添加图标。

实例中，我们没有编写额外的查询块，我们可以在已有的查询媒体后使用逗号分隔来添加其他媒体查询 (类似 OR 操作符):

实例 5

@media screen and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
    ul li a {
        padding-left: 30px;
        background: url(email-icon.png) left center no-repeat;
    }
}

必须打！Windows 10发布紧急安全补丁所有版本中招

还没到每月例行的周二补丁日，微软今天就针对Windows 10发放了两个紧急补丁，都是用来修复安全漏洞的，强烈建议通过Windows Update立即更新。

两个补丁编号分别为CVE-2020-1425、CVE-2020-1457，涉及的安全漏洞都是最常见的远程代码执行缺陷，均属于高危级别，都存在于Windows Codecs Library解码器库在内存中处理对象的过程中，攻击者可利用其中的漏洞，通过特别制作的图片文件，来执行恶意代码，进而获得系统控制权限。

微软强调，上述漏洞并未公开，被利用的几率也很低，但仍然建议用户立即更新系统。

两个漏洞存在于所有仍在支持期限的Windows 10、Windows Server 2019系统版本，包括：

Windows 10 version 1709

Windows 10 version 1803

Windows 10 version 1809

Windows 10 version 1903

Windows 10 version 1909

Windows 10 version 2004

Windows Server 2019

Windows Server version 1803

Windows Server version 1903

Windows Server version 1909