- 博客(43)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 VScode中配置python环境
【文档包】VScode配置Python【发布】.zip - 蓝奏云。声明：本文出自B站UP主---火星动力猿。文件大小：2.4 M|下载教程点击下面链接。
2023-10-26 20:37:32
217
原创 清除浮动的四种方法
/* 1.隔墙-额外标签 */.last-label { clear: both;}/* 2.父元素-overflow */.father { overflow: hidden;}/*3. 父元素-after伪元素 */.clearfix::after { content: ""; display: block; height: 0; clear: both; visibility: hidden;...
2022-05-21 11:47:50
78
原创 苏宁易购自适应屏幕移动端
html代码<!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...
2022-05-21 11:32:15
583
1
原创 less文件@import引入问题含泪告知
@import是引入样式文件到本样式文件中。link是引入样式文件到html页面中@import "文件名";注意事项（五颗星）：引入的样式重新写后，一定要在再次导入文件，也即：如果你引入的common.less更改了内容，一定要在引入的lindex.ess文件中重新写这一句话@import "common";否则修改相当于无效啊！！！...
2022-05-20 22:37:09
1012
1
原创 携程旅行移动端代码
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev...
2022-05-16 21:16:15
1649
原创 隐藏中display与visibility区别
1.display：none；不占原来的位置：左边显示第一个盒子，右边隐藏第一个盒子。2.visibility:hidden;原来位置保留：左边显示第一个盒子，右边隐藏第一个盒子。
2022-05-13 12:30:49
95
原创 img底部留白
img默认底部留白原因：图片默认与文字基线对齐，留白的部分是baseline与bottom的距离清除留白：仨选一：vertical-align: top; //与文字顶部对齐vertical-align: middle; //与文字中部对齐vertical-align: bottom; //与文字底部对齐...
2022-05-13 12:03:15
202
原创 盒子水平居中方法
定位 + transform 实现； /* 父亲相对定位 */ .father { position: relative; width: 500px; height: 500px; background-color: pink; } /* 子盒子绝对定位 */ .son { position: absolute.
2022-05-06 11:32:10
135
原创 label标签效果及注意事项
<label for="label">label:</label> <input type="text" id="label">
2022-05-02 11:39:32
132
原创 css5+html5动画，网页加载页面
网页效果加载浏览器代码段（少量注释）<!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=.
2022-04-29 22:40:23
203
原创 浏览器前缀
为了照顾老版本浏览器，需加对应前缀-moz-:firefox浏览器私有属性-webkit-:safari、chrome浏览器私有属性-o-:Opera私有属性-ms-:ie浏览器私有属性
2022-04-15 21:55:43
84
原创 关于transform先旋转后移动问题
以下是个人理解这两行代码实现效果一样。。可以理解为：无论是哪种写法都是先在脑子里让它移动，然后再位移。先写移动后写旋转这照片那个写法，代表同级别盒子只有一个三维坐标轴，先让其旋转在...
2022-04-15 18:18:52
965
原创 css实现旋转木马
代码<!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"> &...
2022-04-15 18:16:16
183
1
原创 盒子阴影box-shadow使用
写法：box-shadow: h-shadow, v--shodow, blur, spread, color inset;解释：box-shadow: 水平阴影，垂直阴影， 虚实，阴影大小， 颜色（写成透明）， outset（默认为外部阴影，inset为外部阴影，但是outset不可写入，否则代码为无效）/* 盒子阴影不会占用其他盒子的大小 */<!DOCTYPE html><html lang="en"><head> <meta ch
2022-04-12 16:53:02
306
原创 品优购网页案例
网页已上传到服务器，可通过域名直接访问。代码在下一个文章访问网址域名：http://luxiaobai.cn3v.work/首页列表页面注册页面
2022-04-09 21:02:09
73
原创 after和before伪元素注意事项
伪元素一定要写content，内容可以为空，但一定要有，否则内容不会显示。div::after {content: '';}
2022-04-07 22:06:12
262
原创 伪元素是盒子可以用margin
字体图标是字体，所以和字体一齐显示。.fr ul .arrow_icon::after { font-family: 'icomoon'; margin-left: 8px; content: '';}
2022-04-02 17:16:54
89
原创 利用transition做图片转换
效果代码<!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">...
2022-04-01 23:09:17
190
原创 防止拖曳文本域与去掉默认蓝色边框
html代码<textarea name="" id="" cols="30" rows="10"></textarea>css中添加代码textarea { /* 去掉蓝色边框 */ outline: none; /* 防止拖曳文本域 */ resize: none; }...
2022-03-29 22:15:42
159
原创 仿土豆显示隐藏
网页鼠标经过显示播放代码<!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...
2022-03-28 22:51:41
57
原创 淘宝焦点图
网页代码 （无注释）<!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">.
2022-03-28 18:10:56
54
原创 网页设计模拟
网页index.html代码段（带注释）<!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-sc..
2022-03-26 12:27:01
234
原创 新闻快报啊
网页（位于网页中间）代码段（不想写注释）<!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...
2022-03-21 17:34:36
153
原创 小米导航栏
网页<!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"> <t..
2022-03-20 20:29:58
196
原创 新浪导航案例
效果图代码段<!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">...
2022-03-20 17:48:47
91
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人