<html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #test{ background-color:#C2EDFF; display:f ...
分类:
其他好文 时间:
2020-04-13 19:30:53
阅读次数:
75
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: non ...
分类:
其他好文 时间:
2020-04-08 21:05:11
阅读次数:
73
方法如下: 1、手动清除浏览器缓存; 2、添加版本号 方法一:可以通过js自动给html添加版本号 <script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/la ...
分类:
Web程序 时间:
2020-04-08 13:43:04
阅读次数:
76
一、压缩配置 #全局配置 http { gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_comp_level 2; gzip_types text/plain application/x-javascript text/css applic ...
分类:
其他好文 时间:
2020-04-08 12:12:18
阅读次数:
69
实现效果: 魔方动态转换,同时每个面里的每个块都能进行动态变换。 实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>魔方</title> <style type="text/css"> *{ margin: 0; pa ...
分类:
编程语言 时间:
2020-04-07 00:01:32
阅读次数:
110
先上效果图: 没有打字的功能,纯属是个界面图(一时无聊写的) 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>键盘ui </title> </head> <style type="text/css"> *{ ma ...
分类:
Web程序 时间:
2020-04-06 13:57:00
阅读次数:
107
先上效果图和代码吧鼠标悬浮上去,蓝色的front面开始旋转 蓝色的front面转过90°时,黄色的back面会显现出来, <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div#outer{ width: 2 ...
分类:
Web程序 时间:
2020-04-04 20:28:57
阅读次数:
79
明天4月4日会举行全国性哀悼活动,小伙伴需要将彩色网页都变成黑白的,代码如下: <style type="text/css">html {-webkit-filter: grayscale(100%);}</style> 上面的 CSS 代码可能只对主流浏览器支持,如果你需要支持 QQ 浏览器、36 ...
分类:
Web程序 时间:
2020-04-03 20:13:05
阅读次数:
202
运用运动框架进行多图片展开收缩的实例展示 在展示时未插入图片用ul li 来代替 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多图片的展开收缩</title> <style type="text/css" ...
分类:
其他好文 时间:
2020-03-30 21:25:49
阅读次数:
85
前端代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> #mydiv { position: abso ...
分类:
Web程序 时间:
2020-03-29 01:41:18
阅读次数:
95