![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 67
前端代码
花一样的阿衰
不思进取的底层码农
展开
-
计算时间差小工具
计算时间差小工具原创 2022-08-23 09:52:54 · 150 阅读 · 0 评论 -
Chrome安装插件Save All Resources
1. 下载Save All Resources source code下载 Save All Resources github link source code2. 打开chrome浏览器开发者模式3. 解压source code解压后的目录如下:4. 导入插件点击"加载已解压的扩展程序",选择第三步解压出来的unpacked目录,插件安装完成。...原创 2022-03-01 17:32:34 · 6684 阅读 · 0 评论 -
three.js 模型拖拽
多模型独立拖拽<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>多模型独立拖拽</title> <style> body { margin: 0; } </style></head><body> <script原创 2022-02-21 13:38:06 · 3475 阅读 · 3 评论 -
three.js 悬浮提示框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>di原创 2022-01-27 13:45:18 · 5156 阅读 · 3 评论 -
CSS背景设置
设置背景颜色通过background-color来设定设置背景图片通过background-image: url('图片路径')设置背景图片,说明如下:可以同时设定背景颜色和背景图片,如果二者同时设定了,那么背景颜色会成为图片的背景色如果背景图片大小小于元素,则背景图片默认在元素中平铺,直至将元素铺满如果背景图片大小大于元素,则会裁减掉图片,图片的一部分将无法显示如果背景图片大小和元素相同,那么会正常显示图片示例1、元素大小 = 图片大小,图片和元素大小均是100 * 1002、元原创 2021-12-06 13:39:33 · 2157 阅读 · 0 评论 -
CSS文本样式
字体1. 可配置的属性color 设置字体颜色。font-size 设置字体大小。font-family 字体的样式,可以同时指定多个样式,中间使用逗号,隔开,字体会优先使用第一个,如果无法使用则使用第二个,依次类推。font-weight 字体的加粗,可以设置font-weight: bold来加粗字体等。font-style 字体的风格,可以设置font-style: italic来设置斜体等。示例如下:.font_test { /* 字体颜色:红色 */ color原创 2021-12-03 17:11:50 · 69 阅读 · 0 评论 -
CSS定位
相对定位通过position: relative来开启相对定位,相对定位的特点如下:开启相对定位之后,如果不设定偏移量,元素不会发生任何变化开启相对定位不会使元素脱离文档流开启相对定位不会改变元素的性质,块元素还是块元素,行内元素还是行内元素开启相对定位会提升元素的层级相对定位是参照于元素在文档流中的位置进行定位的示例两个长宽都是100px的div box1和box2,需要将box2移动到和box1处于一行div { width: 100px; height: 100原创 2021-11-28 19:06:05 · 219 阅读 · 0 评论 -
CSS的选择器
基本选择器/* 元素选择器(选择所有的p元素) */p { color:red;}/* id选择器(选择id为biaoti的元素) */#biaoti { color: blue;}/* 类选择器(选择类名为lei的元素) */.lei { color: aqua;}/* 通配选择器 */* { color: blueviolet;}/* 交集选择器(选择h2且类名是jiaoji-2的元素) */h2.jiaoji-2 { colo原创 2021-11-12 17:02:32 · 163 阅读 · 0 评论 -
CSS盒子模型
盒模型属性行内元素的盒模型属性和块元素的基本一致。差异如下:不支持设置宽度和高度,宽度和高度都是有内容撑开的可以设置margin、border、padding,但是垂直方向的不会影响到页面的布局元素显示可以配置元素显示的类型和显示的状态,显示的类型为display,显示的状态为visibility。display: inline:将元素设置为行内元素display: block:将元素设置为块元素display: inline-block:将元素设置为行内块元素,既可以设置宽高,又不会原创 2021-11-15 10:50:56 · 231 阅读 · 0 评论 -
图标字体使用
阿里巴巴矢量图标库下载图标库登陆图标库,链接: https://www.iconfont.cn/选择所需的图标库,将所需的图标添加入库点击右上角购物车图标选择下载代码解压下载的文件,将红框文件复制到项目中使用图标库下载下来的文件包中的demo_index.html在浏览器中打开,可以看到使用参考信息。1、第一种使用方式<span class="iconfont"></span><span class="iconfont">原创 2021-11-29 14:26:31 · 238 阅读 · 0 评论