南京地区的网站建设服务：多种类型一网打尽

核心内容与实践要点

全网络官方网站生产，品牌网站设计，营销网站建设，服务网站开发，在线购物中心生产和门户网站构建。 PC+移动+微信网站+迷你程序+应用程序，五合一网站构建南京网页设计，提供的营销，面向服务和门户网站建设服务将根据不同行业和客户类型提出最合适的图像定位。

南京网站制作| 网站促销专家网站建筑服务中心

City在古代被称为“宁”，被称为和。它是江苏省的首都，北部城市，大城市和南京大都市地区的核心城市[2]。它是东部地区的重要中央城市，是该国的重要科学研究和教育基地，也是**的运输中心[3]。该市有11个市政区，总面积为6,587.02平方公里网站定制，建筑面积为823平方公里[4]，**性人口为931.47亿[337]。

位于中国东部，长江下游以及沿海地区附近。它是一个居民[6]，地理坐标范围为31°14'至32°37'北纬，而118°22'至119°14'东经度。这是辐射的重要门户城市，以推动国务院的中央和西部地区的发展[8]，也是东部沿海经济带和长江经济带的战略交汇处的重要节点城市[9]。

属于宁洪的Yang Hilly地区，主要是低山和慢山。它在北部亚热带地区具有潮湿的气候，水域超过11％。这是第一个国家历史和文化城市[10]，也是中国文明的重要发源地。长期以来，它一直是中国南部的政治，经济和文化中心。古老的人类活动早在100万至120万年前就在南京进行，而南京猿类则生活在350,000至60万年前的汤山（），拥有7,000多个文明历史，近2,600年的城市建设和近500年的资本建设[12]。

南京是重要的国家科学和教育中心。自远古时代以来，它一直是一个尊重文化和教育的城市。它被称为“世界旺格安”和“东南1号学校” [13]。中国和清朝的中国**学者中有一半以上来自南京江南贡尤恩[14]。截至2020年，南京[15]中有68所大学，其中包括111所大学的10所大学，其中211所大学有12所大学，两所大学的大学中有12所大学[18]，两位学院的院士[19] [19] [19]，仅次于北京和上海[20]；南京在世界上20名科学研究城市中排名第8，中国排名第三[21]。

2020年8月，UN-发布了亚洲前100个城市的名单，南京在亚洲排名第11，在中国大陆排名第五[22]。

前端

CSS3，不仅可以实现网页的灰色效果，而且还可以帮助实施夜间模式效果。让我们看一下实施！

属性简介

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

提示：使用空间分开多个过滤器。

网站灰色效果

当这个效果博客首次建立时，我在总结CSS的常用效果时写了它。

只需要以下代码即可轻松实施！

代码如下：

html {
   filter: grayscale(100%);//IE浏览器
  -webkit-filter: grayscale(100%);//谷歌浏览器
  -moz-filter: grayscale(100%);//火狐
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);//谷歌浏览器}

与灰色效果相比，夜间模式的实现更加困难！

夜间模式判断

如果它是纯Web，则可以在现代浏览器中使用-olor -Query语句。

语法如下：

没有 - 系统不会告知用户使用的配色方案。

光意味着系统倾向于使用光主题。

黑暗意味着系统倾向于使用黑暗主题。

例如：

/* 深色模式 */@media (prefers-color-scheme: dark) {
    body { background: #333; color: white; }}/* 浅色模式 */@media (prefers-color-scheme: light) {
    body { background: white; color: #333; }}

如果您需要判断代码中系统的深度，则可以使用本机。（）方法，例如：

// 是否支持深色模式// 返回true或falsewindow.matchMedia("(prefers-color-scheme: dark)").matches;

夜间模式代码

html {
    filter: invert(1) hue-rotate(.5turn);}

之后，图片将被逆转，很难看到

img {
    filter: invert(1) hue-rotate(.5turn);}

添加图片的另一层，反向正确，以使纯图片足够

因此，可以这样设置合并：

html, img {
    filter: invert(1) hue-rotate(.5turn);}img {
    opacity: .75;    }

但是，背景图像和黑色阴影存在问题。对于背景图像，您可以将其设置如下：

@media (prefers-color-scheme: dark) {
    html, img { 
        filter: invert(1) hue-rotate(180deg);
    }
   .bgfilter{
    filter: invert(1) hue-rotate(180deg);
  }
    .some-ele-box {
        box-shadow: none;
    }}

问题

上面的设置仅适用于光背景，没有背景或透明背景，并且不起作用。

此外，必须针对每种样式进行特殊治疗。例如，您可以与全球变量等合作，以完美匹配夜间模式。例如，如下：

@media (prefers-color-scheme: dark) {
    html {
        filter:invert(1) hue-rotate(180deg)
    }
    .dark-img,img {
        filter: invert(1) hue-rotate(180deg)
    }
   // 背景图片特殊处理
  //全局颜色特殊处理
   //background-color: var(--darkColor)}

南京网站制作| 网站促销专家网站建筑服务中心

它是一个商业网站苏州网站建设，个人网站，在线商店，购物中心，移动微信网站和迷你程序。

服务热线：移动微信上的相同数字：（每个城市的商务人员都可以提供挨家挨户的服务）。