自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 盒子水平垂直的几种常见的方式

由于宽高固定,因此对应方向实现平分,可以实现水平和垂直方向上的居中。该方法适用于盒子有宽高的情况。align-items:center和justify-content:center。设置容器的垂直和水平方向上为居中对齐,然后它的子元素也可以实现垂直和水平的居中。四个方向的值都为0,并将margin设置为auto。左上角top:50% 和 left:50%定位到页面的中心,然后通过t。元素的中心点到页面的中心。ranslate 来调整。

2023-05-15 23:02:06 140

原创 js 鼠标全选反选

全选反选

2023-04-23 23:25:17 126

原创 javaScript 数组去重

将旧数组中不重复的元素选取出来,放到新数组中,重复的数组只保留一个

2023-04-22 18:57:29 118

原创 JavaScript 倒计时

JavaScript 倒计时案列

2023-04-22 17:27:53 105

原创 清除浮动的四种方法

*块级表格表示*//*兼容IE 6 7*//*兼容IE 6 7*/原因是父级设置高度,子盒子浮动,会影响下面元素的布局。为什么要清除浮动呢?

2023-04-05 17:26:45 50

原创 网站favicon图标的制作

在页面源文件的标签之间插入。favicon.ico 一般用于作为缩略的网站标志,显示在地址栏或标签中。1、制作,先准备好png格式的图片,转化为ico图标。2、ico图标下载下来,放在项目的根目录下。3、html引入favicon图标。图像文件后,浏览器会自动弹出一个zip的压缩文件。我们在浏览器的时候,标题栏上会有小图片,如下图。那我们该怎么样实现这种效果呢?图像放在根目录下(也可以是其他目录)

2023-04-05 17:16:15 1814

原创 旋转小魔方+旋转木马案例

旋转小魔方+旋转木马案例,利用CSS3D转换制作

2023-04-05 16:47:03 145 1

原创 PC端如何设置不同浏览器之间的兼容性

一般主流的浏览器有以下firefox、ie、safari、chrome、Opera,主要就是解决一些主流浏览器的兼容性问题。

2023-04-05 16:08:03 193

原创 animation动画

使用animation属性,做打字机显示效果

2023-04-03 17:28:30 53 1

原创 CSS3 animation 实现跑马灯效果

利用animation属性实现跑马灯效果

2023-04-02 22:57:46 528

原创 实现翻页效果

利用transform属性实现翻页效果

2023-04-02 22:24:24 102

原创 如何让文字溢出部分用省略号显示呢

如何让下图的文字溢出部分用省略号显示呢?

2023-03-29 18:37:57 279

原创 行内元素转为块级元素的三种方法

第一种:第二种:子绝父相,别忘记给父元素添加相对定位position:relative哦!

2023-03-29 17:20:23 1550

原创 css如何实现文字两端对齐效果

设置 text-align,并且设置伪元素 after或者 before的样式,伪元素中可以添加width:100%或padding-left:100%都可以实现我们所要的效果。想要实现文字两端对齐效果,可以使用CSS的text-align属性。数字和英文字母则需要使用空格间隔开,再使用上述两种方法之一,就可以实现文字两端对齐了!

2023-03-27 22:23:20 15795 2

空空如也

空空如也

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

TA关注的人

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