笔记

渊博汪洋 | 测试

发布于 10-14 17:10 浏览:24 类型: 原创 - 随笔 分类:HTML/CSS 举报

<p>test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;test华东师范都是看见看见活动空间划分科技收到回复可见撒谎&middot;< p>

hulan | css实现div垂直水平居中的2种常用方法

发布于 08-01 20:27 浏览:29 类型: 原创 - 随笔 分类:HTML/CSS 举报

<p>方法一:< p><p>利用vertical-align:middle进行垂直方向上的居中对齐,此方法需要满足的条件:< p><ol><li>设置父元素的行高line-height等于父元素height的高度< li><li>子元素必须是行内块级元素display:inline-block;< li><li>子元素设置vertical-align:middle< li><li>此方法在开发中不能右浮动(不能靠右边)< li>< ol><p>下方是完整代码,可以新建一个HTML文件进行测试(绿色的盒子):< p><pre><code class="language-html"><html><head><title>导航条< title><meta charset="utf-8" >< head><style>*{ margin:0; padding:0;} div1{ height:200px; background:yellow; *行高等于容器高度* line-height:200px;} div2{ width:100px; height:100px;

hulan | 知乎登录页面背景效果模拟(1)

发布于 08-01 20:22 浏览:36 类型: 原创 - 随笔 分类:HTML/CSS 举报

<pre><code class="language-html"><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>< title> <style> *{ margin: 0; padding: 0; } body{ overflow: hidden; } myCanvas{ border: 1px; background-color: lavenderblush; } < style> < head> <body> <canvas id="myCanvas">< canvas> < body>

hulan | 原生JS实现《别踩白块》游戏,兼容IE

发布于 07-30 22:50 浏览:43 类型: 原创 - 随笔 分类:HTML/CSS 举报

<pre><code class="language-html"><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> *{ margin: 0; padding: 0; } box { margin: 50px auto 0 auto; width: 400px; height: auto; border: solid 1px 222; } cont { width: 400px; height: 600px;

<pre><code class="language-html"><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>飞机大战< title> <style> body { background: ffffcc; pointer: none; } * { margin: 0; padding: 0; list-style: none; } content { width: 400px; height: 620px;

直接放代码了,纯JS在后面< strong>< p> range< title> html { user-select: none; } range-wrap { position: relative; margin: 50px; } range-bar { width: 500px; height: 5px; border-radius: 5px; background: red; } range-btn { width: 15px;

hulan | Git命令大全

发布于 07-30 22:24 浏览:65 类型: 原创 - 随笔 分类:HTML/CSS 举报

关联用户:$ git config --global user name "[color=green]yourName[ color] "关联邮箱账号:$ git config --global user email "[color=green]yourEmail[ color] "创建新文件夹:$ mkdir[color=lime] [ color][color=cyan][color=green][ color][ color]显示当前目录:$ pwd将某个目录变成Git仓库:$ git init将文件添加到仓库:$ git add [color=green][ color]把文件提交到仓库,-m后面输入的是本次提交的说明:$ git commit -m "[color=green]wrote a readme file[ color] "显示仓库当前的状态:$ git status查看文件的修改内容:$ git diff [color=green][ color]查看提交历史:$ git log单行显示提交历史:$ git

hulan | 模仿的机器猫

发布于 07-30 22:17 浏览:49 类型: 原创 - 随笔 分类:HTML/CSS 举报

机器猫< title>< head>< canvas><script type= "text javascript ">var c=document getElementById( "mycanvas ");var cc=c getContext( "2d ");cc beginPath(); 蓝色头cc fillStyle= 09F;cc arc(250,150,130,45*Math PI 180,135*Math PI 180,true);cc fill();cc stroke();c

hulan | 纯css3优惠券效果(商城项目中的优惠劵)

发布于 07-30 22:16 浏览:24 类型: 原创 - 随笔 分类:HTML/CSS 举报

<pre><code class="language-html"><!DOCTYPE HTML><html><head><meta charset="UTF-8" ><title>纯css3优惠券效果< title> <style> demo { width:410px; margin:0 auto;} stamp * { padding: 0; margin: 0; list-style:none; font-family:"Microsoft YaHei", Source Code Pro, Menlo, Consolas, Monaco, monospace;} stamp { width: 387px; height: 140px; padding: 0 10px; margin-bottom: 50px; position: relative; overflow: hidden;} stamp:before { content: ; position: absolute; top:0; bottom:0; left:10px; right:10px; z-ind

hulan | 2018前端面试总结,看完弄懂,工资少说加3K

发布于 07-30 22:14 浏览:119 类型: 原创 - 随笔 分类:HTML/CSS 举报

前端目录< p>HTML相关< a>< li>CSS相关< a>< li>JAVASCRIPT相关< a>< li>DOM相关< a>< li>HTTP相关< a>< li>

boume | 转载一篇关于缓存的好文章

发布于 12-12 22:03 浏览:20 类型: 原创 - 随笔 分类:HTML/CSS 举报

<!DOCTYPE html><html><head lang="en"> < charset="UTF-8"> < >< > <style> html, body { height: 92%; } html { overflow: hidden; } box { margin: 0; padding: 0; height: 80%; width: 100%; margin: 10% auto 0; } boxm { width: 14 28%; height: 100%; position: relative;