margin-top

24-hour前端基础补充计划

HTML&CSS元素文档流中的元素分为两类：行内（inline/内联）和块级（block）元素行内元素不能设置宽高、上下内外边距（即margin-top/margin-bottom/padding-top
moyahuang·2023-03-13 21:24

vuejs实现音频倍速播放

技术栈：vuejs，element-uiDocument*{margin:0;padding:0;}.call-record-audio{margin-top:10px;}.audio-time,.audio-speed
闪闪发光lucia·2023-03-13 01:54

原生javascript实现仿QQ延时菜单

一、实现原理定时器和排他思想二、代码*{margin:0;padding:0}.main{width:100px;height:300px;background:#eee;float:left;margin-top
雅士伊人·2023-03-11 18:14

2019-03-28 26作业外部样式表

:0auto;width:310px;}.a1{padding:1px;margin:0;border:0;width:308px;height:477px;background:F000;}.b1{margin-top
圣召唤·2023-03-10 13:56

css实现垂直水平居中

定位，top和left设置50%，再通过transform的translate(-50%,-50%)设置实现垂直水平居中定位，top和left设置50%，再通过margin-top和margin-left
彩虹雨落下·2023-03-10 01:47

2019-05-16day3作业

body{width:1500px;}.a{float:left;margin-left:300px;}.a1{float:right;margin-top:30px;margin-right:300px
Wadu_hek1·2023-03-09 23:52

编写程序：有92号和95号汽油可以选择，选择你需要的汽油，并输入需要加油的升数，点击按钮“`计算总价钱`“在div中可以得到你所需要支付的价格

Document#box{width:500px;height:100px;background-color:pink;border:5pxsolidskyblue;border-radius:10px;}div{margin-top
小仓鼠真的好可爱吖·2023-03-09 17:12

css实现箭头上下跳动动画

animation:bounce-inSS2sinfinite;/*启动动画特效*/width:90px;height:50px;background-color:antiquewhite;margin:0auto;margin-top
昨夜小楼又东风。·2023-02-21 11:33

CSS动态循环指示箭头

.scrollarrows{width:14px;height:40px;margin-top:10px;margin-left:10px;}.scrollarrowspath.a1{animation-delay
Config_js·2023-02-21 11:15

margin上下边距塌陷以及margin负边距

之前的文章中写了margin上下边距塌陷的几种情况；这几种情形简而言之，1：自身元素没有border，padding和内容，这相当于上下margin相接——margin-top和margin-bottom
newway_001·2023-02-18 17:06

node-red mysql的增删改查_前端的CRUD增删改查的小例子

padding:0;}.box{width:300px;margin:0auto;}ul{list-style:none;}ulli{height:50px;border:1pxsolid#b0b0b0;margin-top
仙女養的豬·2023-02-17 21:25

外边距合并详解

使用时最好采用同一方向的margin值，如都设置margin-top一、什么情况下会触发：两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠1.两个或多个说明其数量必须是大于一个，又说明，折叠是元素与元素间相互的行为
mingzihhh·2023-02-17 02:29

轮播改变方向

同样的需要自己添加链接以及图片在li中，优化就交给你了Document.zzn_share{width:1200px;margin-top:40px;margin-bottom:20px;margin-left
小晖熊·2023-02-07 00:51

updateMe.jsp

Inserttitlehere#title{color:red;margin-left:120px;margin-top:50px;font-size:28px;}/updateServlet"method
范哥_a3cb·2023-02-06 23:04

小程序的外部样式类的使用案例

out-class//components/spu-scroll/index.jsComponent({/***定义一个外部样式类:*目的是在该组件引用的类文件home.wxss中使用这个外部样式类的margin-top
小苗晓雪·2023-02-05 19:57

JS系统默认弹框样式修改

#msg{position:fixed;z-index:999;top:50%;margin-top:-80px;left:50%;margin-left:-133px;width:30%;height
wangjunmech·2023-02-05 12:23

【已测试】网页在安卓/IOS手机中点击返回后跳转到指定页面

返回跳转测试页面html{font-size:100px;}*{margin:0;padding:0}body{background:#20a6f8;}.content{text-align:center;margin-top
Linux跟随者·2023-02-04 07:54

反转菜单

:50px;width:100px;line-height:50px;text-align:center;transform-style:preserve-3d;transition:all0.5s;margin-top
小叶子_556e·2023-02-04 02:44

week2day1 web前端 动态添加和删除（火龙果苹果）

{margin:0;padding:0;position:relative;}#top{margin-left:60px;margin-top:60px;}#topdiv{width:200px;height
学python的铁头娃·2023-02-04 02:33

css3 心跳动的动画

min-height:500px;overflow:hidden;}.heart{position:absolute;width:100px;height:90px;top:50%;left:50%;margin-top
干炸里脊不如你·2023-02-03 21:48

day8-作业-随机模块添加

:0;padding:0;position:relative;}#top{margin:auto;width:800px;height:400px;/*background-color:blue;*/margin-top
2ez4ddf·2023-02-03 17:04

固定导航案例

*{margin:0;padding:0}img{vertical-align:top;}.main{margin:0auto;width:1000px;margin-top:10px;}.fixed{
司马皮砸瓜·2023-02-03 15:45

面试总结

flex-direction:row;justify-content:center;align-items:center;绝对定位left:50%;top:50%;margin-left:-width;margin-top
甜柚小仙女·2023-02-03 00:54

jQuery实现无缝轮播

demo，还有一些BUG，比如快速点上一张下一张会出现乱滚动HTML部分苹果风格轮播苹果风格轮播1234>CSS部分*{margin:0;padding:0;}h1{text-align:center;margin-top
酒当茶·2023-02-02 22:08

显示隐藏轮播图

Document#con{position:relative;width:700px;height:300px;margin:0auto;margin-top:100px;}.btn-box{list-style
Super--rookie·2023-02-02 14:40

居中问题

body定位*/position:absolute;top:50%;left:50%;/*这是div的左上角在页面的正中心，整个div还是没有完全位于正中间*//*下面的写法是还是不能达到目的*//*margin-top
月尚·2023-02-02 10:15

CSS3边框圆角太极

;padding:0;}.box{width:500px;height:500px;background-color:skyblue;border:1pxsolid#000;margin:0auto;margin-top
562843cce5ff·2023-02-01 00:06

day5

A今天学习的内容1.关于margin的一些小问题假如给子元素添加一个margin-top样式，父元素移动，子元素相对于父元素不移动，此时的解决方法如下（常用）：1.给父元素一个overflow：hidden
九芊·2023-01-31 21:47

canvas画板_移动端

image.pngCanvas实现简易涂鸦板html,body{margin:0;padding:0;}canvas{margin-top:0px;}#huaban{display:block;position
猫久伴你入眠·2023-01-31 18:57

单选框与复选框对齐问题

（谷歌浏览器）截图示例解决方案方案一input[type="radio"],input[type="checkbox"]{vertical-align:middle;margin-top:-2px;margin-bottom
solfKwolf·2023-01-31 01:41

HTML 垂直水平居中的几种实现方式

position+margin实现的效果：解析：已知父元素宽高，子元素需要position:absolute，绝对定位，位置是（top:50%;left:50%）,margin-left:一半子元素width，margin-top
无相_庸才·2023-01-30 18:52

CSS样式的使用

Document/*元素选择器*/span{color:blue;font-size:larger}/*全局选择器*/*{color:black;padding:0;}/*类选择器不能使用数字命名*/.test{margin-top
New924·2023-01-30 07:16

css2

margin（top/right/bottom/left）margin-leftmargin-rightmargin-topmargin-bottommargin:50px0050px;/*上右下左=margin-top
famingng·2023-01-30 05:24

canvas2

padding:0;margin:0;}body{display:flex;justify-content:center;}.options{display:flex;align-items:center;margin-top
Daeeman·2023-01-29 16:35

js4.11

list-style-type:none;height:40px;color:white;background-color:#009966;line-height:40px;text-align:center;margin-top
Givemeasmi_75e7·2023-01-29 15:40

css3 边框圆角跳动的心

跳动的心Titlebody{background-color:pink;}.wrap{width:450px;height:400px;margin:0auto;margin-top:100px;position
562843cce5ff·2023-01-28 14:22

css垂直居中

行内inline元素：line-height的值等于height的值;absolute定位元素：1.top：50%+margin-top的赋值（当前元素高度的一半）;2.transform:translate
懵懵圈_eagle·2023-01-28 07:12

微信小程序 swiper 组件 自定义样式

index.wxss/*幻灯片*/.swiper{width:100%;height:300rpx;display:flex;justify-content:center;margin-bottom:20rpx;margin-top
柏龙·2023-01-28 02:23

animation 圆角

border:2pxsolidblack;text-align:center;}.boxdiv{float:left;width:60px;height:120px;margin-left:33px;margin-top
neko233·2023-01-26 22:51

字体图标跟文字上下对齐

css：i{display:inline-block;vertical-align:middle;margin-top:-2px;(这个看效果添加)}.om-end-font{display:inline-block
花花0825·2023-01-26 14:57

span 元素自带间距？？

span标签使用后出现了行之间的间距这是因为span标签自带padding-top或者margin-top吗？
<阿睿>·2023-01-05 10:59

—点名器

点名器#Uname{width:300px;height:200px;border:3pxsolidgreen;margin:0auto;margin-top:100px;font-size:50px;
阿超儿·2023-01-03 19:52

零基础教你学前端——75、CSS边距

可以通过margin-top，margin-right，margin-bottom，margin-left等属性设置元素的上边、右边、下边和左边的外边距。
·2023-01-03 17:30

零基础教你学前端——75、CSS边距

可以通过margin-top，margin-right，margin-bottom，margin-left等属性设置元素的上边、右边、下边和左边的外边距。
·2023-01-03 17:24

前端js原生实现全选全不选

效果如下：代码如下：全选全不选*{padding:0;margin:0;}table{margin:0auto;margin-top:50px;text-align:center;}tablethead
小小红色无花果·2022-12-31 22:38

实现绝对定位元素水平垂直居中的两种方法

实现绝对定位元素水平垂直居中的两种方法平时,用的方法即第一种方法是设置left,top值均为50%,同时margin-left设置为绝对定位元素width的一半取负,margin-top设为其height
Youser511·2022-12-27 13:09

跨年倒计时HTML源码,JavaScript实现网页跨年倒计时

倒计时div{margin-top:200px;margin-left:500px;line-height:50px;f
weixin_39573781·2022-12-26 09:23

CSS篇--水滴效果(附源码)

center;box-sizing:border-box;background-color:#2ecc71;}#water{position:relative;width:300px;height:300px;margin-top
老板上菜！·2022-12-25 12:59

表单页面美化（html、css）

部分就是平常的输入框在线预约车型名称预约联系人预约时间经销商预约类型预约试驾预约保修//css修饰样式.mainfonth1{text-align:center;font-weight:400;color:black;}.form{margin-top
流火七月_Hy·2022-12-23 17:11

【HTML】商品评价展示

box{width:298px;height:467px;margin:100pxauto;background-color:#fff;}.boximg{width:100%;}.box.review{margin-top
赤焰梦·2022-12-22 22:49
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他