自定义博客皮肤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 143

原创 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 833

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

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

2020-08-31 19:18:19 270

原创 关于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 214

原创 呼吸灯的动画效果

动画 @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 690

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

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

2020-08-02 23:52:24 503

空空如也

空空如也

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

TA关注的人

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