{margin:

微信小程序canvas画布实现矩形元素自由缩放、移动功能

获取画布信息并绘制背景.whml.wxss.canvas{background-color:white;height:65vh;width:100%;margin-top:5px;margin-bottom
句号（在IT行业摸爬滚打）·2024-01-10 08:18

calc做个简单的布局

html我是头部我是中间部分css*{margin:0;padding:0;}body,html{width:100%;height:100%;}#login{height:100%;width:100%
hegege·2024-01-10 08:15

js实现音频播放

body{margin:0;padding:0;}.boxlist{margin:0auto;width:100vm;height:100vh;}button{width:100%;height:25%
黄宝康·2024-01-10 06:35

js实现点击音频实现播放功能

css:.audioDiv{cursor:pointer;background-color:#38ADFF;border-radius:0.3vw;}#playButtonimg{width:1vw;margin
雷霆半月斩掉你的板砖·2024-01-10 06:29

flex布局（3）

九、骰子*{margin:0;padding:0;box-sizing:border-box;}.flex{display:flex;flex-flow:rowwrap;justify-content:
伊昂呀·2024-01-10 06:52

css3 下边框缓缓划过_css3+伪元素实现鼠标移入时下划线向两边展开的效果

html代码css样式#underline{width:200px;height:50px;background:#ddd;margin:20px;position:relati
lanjieying·2024-01-10 06:10

居中面试问题

前端常问居中面试问题css文本居中文本水平居中子类元素为行内元素，则给父类元素定义text-align:center如果子元素是块元素，则给子元素定义margin：0auto；如果子元素是块级元素，可以通过
攻城狮啊尧·2024-01-10 05:15

【前端案例】11 - 案例：倒计时

container{width:200px;margin:100pxauto;}.containerspan{float:left;width:30px;height:30px;line-height:
itlu·2024-01-10 03:14

前端-08 开班信息表

开班信息*{margin:0;padding:0;}body{font:12px/1宋体;}.outer{width:300px;margin:50pxauto;}.title{border-top:2px
张露锋·2024-01-09 23:36

轮播图

css*{margin:0;padding:0;list-style:none;text-decoration:none;}#banner{margin:0auto;width:1024px;height
皓丿皓·2024-01-09 21:14

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

测试代码PageTitlebody{margin:0px;padding:0px;background:black;}.main{width:500px;height:500px;background:
黄飘fighting·2024-01-09 19:48

32-transform变换之translate平移，rotate旋转，origin盒子中心，scale缩放

X轴平移距离，Y轴平移距离);1.1取值（正负都可以）：1）px像素单位数值2）%百分比（参照盒子的自身尺寸）3）X轴正向为右，Y轴正向为下.box{width:500px;height:300px;margin
吴椰啵·2024-01-09 19:14

用html和css实现一个加载页面【究极简单】

以下是一个基本的加载页面示例：HTML文件(index.html):LoadingPageLoading...CSS文件(styles.css):/*styles.css*/body{margin:0;
K I N G·2024-01-09 17:39

Android studio SeekBar应用设计

一、xml布局文件：1）、默认状态的2）、改变颜色的：3）、改变滑块的drawable<SeekBarandroid:id="@+id/seekBar5"android:layout_margin
colin工作室·2024-01-09 16:15

用gpt写的登录页面

登录页面body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0;}.container{max-width
qq_42431718·2024-01-09 16:29

前端常用js、css效果

scroll-container{width:300px;height:30px;margin:20pxauto;border:1pxsoli
yijianace·2024-01-09 15:08

适用递归函数调试的一段代码

defourSum(lower,upper,margin=0):blanks=""*marginprint(blanks,lower,upper)iflower>upper:print(blanks,0
Da_Xiang·2024-01-09 12:11

freemarker模板生成pdf

org.freemarkerfreemarker2.3.23org.xhtmlrendererflying-saucer-pdf9.0.9com.google.guavaguava18.0二，模板文件（为html，命名后缀为.ftl）*{margin
人生就像一场戏!·2024-01-09 12:13

数字后端设计实现之自动化useful skew技术（Concurrent Clock &Data）

经过借用后一级的timingmargin把第二个FF的tree做
IC拓荒者·2024-01-09 10:27

HTML烟花代码

​2022烟花html,body{padding:0px;margin:0px;background:#222;font-family:'Karla',sans-serif;color:#FFF;height
胆小小鬼·2024-01-09 07:54

爱心表白代码（带名字）

900px;}.oneimg{width:100%;height:100%;}.sedimg{width:100%;height:100%;}html,body{height:100%;padding:0;margin
胆小小鬼·2024-01-09 07:23

前端面试八股文笔记(结尾附属文档链接）

盒模型：CSS把每个元素视为一个盒子，每个盒子包括分为内容（content）、填充（padding）、边框（border）、边界（margin）四个部分。盒模型是CSS布局的基本单元。
胆小小鬼·2024-01-09 07:53

网页盒子模型

盒子模型包括外边距margin、边框border、内边距padding、内容contentmargin：外边距，与其它盒子的距离border：边框，盒子的边框padding：内边距，边框与内容的距离content
爱喝牛奶的男孩·2024-01-09 06:22

解决span中间的空隙的多种方法

span中间有间隙*{margin:0;padding:0;}/*第一种*/.nav_left{width:100%;font-size:0;}span{padding:10px20px;font-size
_孙小胖·2024-01-09 03:33

大屏适配方案

大屏项目实一、大屏适配方案一(rem+fontsize)需要下载rem.js并且使用rem作为单位开发，可以通过vscode插件把px自动计算成rem1、没有使用适配的情况Documentbody,ul{margin
木公176·2024-01-09 01:06

css_auto的用法

在这个例子中，margin-right:auto;的意思是让元素的右侧边距自动计算，从而使得元素向左对齐。
kkkAloha·2024-01-08 23:16

【css】快速实现鼠标悬浮变色效果

justify-content:center;align-items:center;color:white;cursor:pointer;.ic-img{width:20px;height:20px;margin-right
Lana学习中·2024-01-08 23:45

常用CSS样式

正方形加三角阴影效果div{width:200px;margin:200px0;height:200px;background:#dfb311;position:relative;border-radius
cesiuming·2024-01-08 22:48

【前端设计】小球loading动画

htmlDocumentcss*{margin:0;padding:0;}html{height:100%;}body{height:100%;display:flex;justify-content:
余炜yw·2024-01-08 21:18

用js随机添加字母

样式.itp{width:200px;height:60px;border:5pxsolidred;text-align:center;line-height:60px;font-size:30px;margin
香香爱编程·2024-01-08 20:51

position:fixed 兼容各个浏览器

IE6/IE7/IE8/IE9/IE10都生效“\0”IE8/IE9/IE10都生效，是IE8/9/10的hack“\9\0”只对IE9/IE10生效，是IE9/10的hack*{padding:0;margin
新新_6261·2024-01-08 19:16

JavaScript基础(24)_dom查询练习（一）

dom查询练习一.text{width:380px;height:500px;margin:20px0px0px20px;border:1pxblacksolid;}p{margin:10px0px5px10px
风之舞_yjf·2024-01-08 19:56

SAP计划边际码简介

SAP中的计划边际码（SchedulingMarginKey）是定义计划扩展的一些时间的，其中计划边际码涉及的字段有四个，分别是：未清期间、产前缓冲时间、产后缓冲时间、下达期间（时间单位均为天）。
我小时候很黑·2024-01-08 17:44

拐弯时间线，弯曲时间线，弯曲任务

{v.createTime}}-->-->{{v.content}}-->{{v.createTime}}{{v.content}}Index">-->Index*2">Index*3"style="margin-top
不二家大哥哥·2024-01-08 15:47

Dazzling login page（炫彩登入界面）

代码如下↓Document*{margin:0;padding:0;box-sizing:border-box;font-family:黑体;}body{overflow:hidden;}section
Visitor*·2024-01-08 15:29

烟花特效HTML

body{margin:0;padding:0;overflow:hidden;}.city{width:100%;position:fixed;bottom:0px;z-index:100;}.cityimg
浮休383·2024-01-08 15:22

flex 布局防止元素被挤换行

mr-2：给span标签添加了一个margin-right以提供一些空间。whitespace-nowrap：防止内容换行。flex-1：允许n-select组件伸展并填充剩余的空间。
梦染(°ー°〃)星尘·2024-01-08 12:11

解决IOS移动端fixed固定头部问题

1.上代码：css部分*{padding:0;margin:0;}html,body{width:100%;height:100%;}.page{display:flex;flex-direction:
少油少盐不要辣·2024-01-08 10:47

margin+padding实现等高布局

如下图所示：一个子元素随着新闻内容自动撑开，另一个要求保证与其有一样的高度。那么如何做到呢？解决办法：假设新闻动态所在的最大父元素为...假设要展示新闻详情内容的公司新闻所在的最大父元素为...它们共同的父元素为...可用如下css样式解决：.parent{...;height:auto;overflow:hidden;}.nav{...;padding-bottom:9000px;//这里的值只
少油少盐不要辣·2024-01-08 10:17

min-width、max-width和margin:0 auto

div{min-width:1100px;max-width:1920px;margin:0auto;}上述代码可以保证网页在宽度超过1920px的浏览器窗口中居中显示，但是也会在小于1100px的浏览器窗口中有横向滚动条
少油少盐不要辣·2024-01-08 10:17

width:100%、width:auto、绝对定位、box-sizing:border-box、box-sizing:content-box 的混搭结论分析

一、CSS盒模型CSS的盒模型由外到内分别为margin、border、padding、content。分为标准盒模型与IE盒模型，可使用box-sizing属性去切换盒模型。
Dreamy_lin·2024-01-08 10:11

如何使用css隐藏掉滚动条

解决方案在滚动元素上再包裹一个父元素，然后，该元素添加如下代码：（注：PC端浏览器滚动条为8px）使元素偏移原来位置8px，目的就是将滚动条区域移动到父元素边框外面，然后，父元素上添加overflow:hidden即可margin-right
少油少盐不要辣·2024-01-08 10:10

textarea 内容自适应，高度向上扩展

代码：Documentbody{margin:0;}.wrapper{height:100vh;display:flex;flex-direction:column;color:
Dreamy_lin·2024-01-08 10:39

html页面里莫名奇妙的margin解决办法

在使用flex布局的时候，有一个标签总是有margin怎么都去不掉，多次尝试无果后差点以为浏览器出bug了。
渔父歌·2024-01-08 07:33

vue兄弟组件通信（非vuex）

实现思路：根据官方文档的教程->使用一个空的Vue实例作为事件总线官方文档代码展示组件通讯.b{width:100px;height:100px;border:2pxdarkbluesolid;}#app{margin
itfitness·2024-01-08 07:00

PHP+MySQL+Ajax实现注册功能

注册页面注册页面由，html表用户注册页面.container{width:300px;margin:auto;padding:20px;border:1pxsolid#ccc;border-radius
爱写代码的小朋友·2024-01-08 06:25

html拖拽+模拟弹出层

主要用到html（架构）+css（样式）+javascript（交互效果）###效果展示：拖拽+回放运动轨迹html部分Dragtheplayback拖动此处回放轨迹css样式部分*{margin:0;
@tg6666666666666·2024-01-08 02:40

通过js编写程序：点击对应按钮切换对应图片

1、效果2、html代码Document你真是一个大聪明丫丫3、css源码*{margin:0;padding:0;list-style:none;}body{background-color:#fe5c2b
啊～哈·2024-01-08 01:45

自定义原生多选/单选框样式

效果图：input{margin-right:6px;width:.16rem;height:.16rem;border:1pxsolid#ccd5db;background-color:#fff;-webkit-appearance
前端-文龙刚·2024-01-08 01:53

Vue.js 3.0 学习笔记（十一）Vue Router路由

一、使用VueRouter1、HTML页面使用路由在HTML页面中使用路由#app{text-align:center;}.container{background-color:#73ffd6;margin-top
奥妙无穹·2024-01-07 23:44
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他