自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 基于js底层语言的石头剪刀布游戏

代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>石头剪刀布</title> <style> div#outer{

2020-10-09 15:07:44 109

原创 css中子元素垂直居中的方法

当子元素为行内元素时给子元素设置text-align:center; line-height:height;当子元素为块级元素时①给父元素设置display:fex; align-item:center; justify-content:center;②给父元素设置display:fex; margin:auto;③给父元素设置一个相对定位,给子元素设置一个绝对定位,子元素的所有配置属性均为0px,并且设置margin:auto;④给父元素设置一个相对定位,给子元素设置一个绝对定位,将子元素的.

2020-08-31 19:51:43 797

原创 关于display和overflow的延伸用法

displaydisplay的官方用法:设置元素的隐藏与显示 none:隐藏元素并且隐藏元素所占用的空间 block:显示元素display的延伸用法: 1.块级元素与行内元素的转换 inline:将块级元素转换为行内元素 block:将行内元素转换为块级元素 inline-block:既具有块级元素的特性,也具有行内元素的特性 2.给父元素或子元素设置display:hidden可以消除外边距

2020-08-31 19:18:19 225

原创 关于vi编辑器的一些知识

.基础应用:①打开vi编辑器vi 打开编辑器,需要在底行模式输入文件名称vi a.txt 使用vi编辑器打开a.txt文件如果a.txt不存在,就新建一个再打开vi +number a.txt 用vi打开a.txt,并把光标定位在number行②三种模式命令行模式:*i:在当前光标位置进行插入I:在当前光标所在行的首字符位置进行插入*o:在当前光标的下一行进行插入O:在当前光标的上一行进行插入*a:在当前光标之后的位置进行插入A:在当前光标所在行的最后一个字符位置进行插入s..

2020-08-16 23:42:32 170

原创 呼吸灯的动画效果

动画@keyframes name{ from{} to{}}引用动画animation-name: ;动画的名称animation-duration: ;动画的时间animation-iteration-count: ;动画的迭代次数animation-delay: ;动画的延迟时间animation-direction: ;动画的方向animation-timing-function: ;动画的速度代码<!DOCTYPE ht.

2020-08-09 23:51:53 629

原创 呼吸灯的代码(手动,不加动画)

盒子的类型这里我们用到的是边框盒子,也叫怪异盒子。用box-sizing:border-box;设置。我们设置的width为边框、内边距以及内容区的宽度。代码 Document </div> </div> </div> <div class="text">hi!!.

2020-08-02 23:52:24 453

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除