E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
margin
第64讲个人中心用户操作菜单实现
静态页面我的订单待付款待收货退款/退货全部订单收货地址管理联系客服400-699-12345意见反馈关于我们样式:.user_menu{
margin
-top:15rpx;background-color
九品印相
·
2024-02-10 00:32
分布式小程序电商2
javascript
前端
》》css3--动画
功能特权-QQ登录*{
margin
:0;padding:0;}a{text-decoration:none;}header{width:100%;height:90px;background-color
weixin_33690367
·
2024-02-09 23:13
5g
ux
ui
2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍 第6天
下载和使用6.8字体图标-上传6.9垂直对齐方式vertical-align6.10过渡属性6.11修饰属性-透明度与光标类型6.12综合案例-淘宝轮播图html代码:淘宝轮播图index.css代码:*{
margin
PieroPc
·
2024-02-09 22:14
前端
css
html5
上下定高 中间自适应_上下固定中间自适应布局
1.使用绝对定位对这三栏都实现绝对定位,其中中间绝对定位的位置是上下两栏的高度,内容超出则中间部分出现流动条;代码实现:绝对定位实现html,body,div{padding:0;
margin
:0;}.
weixin_39542514
·
2024-02-09 20:07
上下定高
中间自适应
CSS实现上下固定中间自适应布局
立马上手写起来~~Document*{padding:0;
margin
:0;border:0;}html,body{height:100%;}body{
margin
:0;padding:0;display
syx_12
·
2024-02-09 20:35
前端经典面试题
css
前端
上下固定中间自适应布局
实现上下固定中间自适应布局1.通过position:absolute实现定义如下结构style实现如下:body,html{width:100%;height:100%;background-color:yellow;
margin
华子Code1024
·
2024-02-09 20:03
前端
javascript
html
四、官方文档入门例子
官方例子提前准备:npm建立项目,使用nodeexpress简单启动场景、相机、渲染器*{padding:0;
margin
:0;}canvas{width:100%;height:100%}#info{
柳暗花明又一匪
·
2024-02-09 20:35
分页
分页*{
margin
:0;padding:0;}a{text-decoration:none;background-color:gold;color:black;font-size:12px;padding
九妄_b2a1
·
2024-02-09 19:53
【HTML+CSS】043.自定义加载动画(学习打卡!)
效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{
margin
:0;height:100%;}body{display:flex;justify-content:center
海轰Pro
·
2024-02-09 19:49
百度地图JavaScript API GL
下面通过一个简单的示例,来学习一下快速创建一张“我的地图”,百度地图的“HelloWorld”html{height:100%}body{height:100%;
margin
:0px;padding:0px
稳重聪头
·
2024-02-09 18:58
前端
【JAVA WEB】盒模型
目录边框内边距基础写法复合写法外边距基础写法复合写法块级元素的水平居中弹性布局设置行内元素的属性,span每一个HTML元素就相当于是一个矩形的“盒子”这个盒子由以下这几个部分构成:1.边框border2.内容content3.内边距padding4.外边距
margin
lzb_kkk
·
2024-02-09 17:57
前端
javascript
开发语言
day24 其他事件(页面尺寸事件)
目录页面尺寸事件元素尺寸于位置尺寸页面尺寸事件会在窗口尺寸改变的时候触发事件resize检测屏幕宽度获取宽高获取元素的可见部分宽高(不包含边框、
margin
、滚动条等),即:内容+padding+borderclientWidth
亦昭昭
·
2024-02-09 17:53
记录前端学习
javascript
前端
波纹扩散效果
波纹扩散body{display:flex;justify-content:center;align-items:center;height:100vh;
margin
:0;background:rgba
勿忘初心
·
2024-02-09 17:49
css
css3
前端
去掉 webstorm 白线
webstorm编辑界面出现一条白线ctrl+shift+a打开设置窗口,输入“显示右边距”英文版输入“showright
margin
”点击关闭即可
余栀丶
·
2024-02-09 14:55
webstorm
编辑器
webstorm
ide
白线
实战笔记二(display:inline-table)
Document.inline-table{display:inline-table;//width:128px;
margin
-le
calvinbj
·
2024-02-09 13:43
前端——css层叠样式表(盒子模型、div、布局、基本选择器)
表示有需要注意的点2)【】表示需要注意3)删除线表示已经解决4)下文是一些容易忘记点的,其他常用内容未描写一、盒子模型0内容(content)——内边距(padding)——边框(border)——外边距(
margin
陈年_H
·
2024-02-09 12:58
HTML
css
html
vue兄弟组件之间的传值以及避免自定义事件被触发多次
1.在test.vue中引入A和B组建div{padding:10px;
margin
-top:10px;line-height:1.3;box-sizing:border-box;}importAfrom
得知此事须躬行
·
2024-02-09 11:21
vue
前端开发
vue
BFC格式化上下文
是一块独立的渲染环境,该环境的内部元素布局不影响外部,外部元素的布局不影响内部如何形成:根元素浮动元素绝对定位元素行级块元素overflow不为visible的元素规则1.属于同一个BFC的两个相邻Box的上下
margin
小旎子_8327
·
2024-02-09 09:50
无缝移动,input框和其它事件,bine绑定事件,自定义事件,鼠标移入移出
无缝滚动body,ul,li{
margin
:0;padding:0}ul{list-style:none;}.slide{width:500px;height:100px;border:1pxsolid
发报员有问题私小鹏
·
2024-02-09 06:27
re:从0开始的CSS学习之路 8. 浏览器默认样式
1.默认样式浏览器会有一个默认样式,body标签会有自带一个8px的
margin
属性。
扶摇|
·
2024-02-09 04:50
从0开始的CSS之旅
css
学习
前端
re:从0开始的CSS学习之路 7. 盒子模型
boxmodel):可以把HTML中所有的元素都理解成盒子,用于装内容的容器目的就是为了将HTML文档中的内容进行归纳整理,方便管理,从而达到布局的效果内容区content边框border内边距padding外边距
margin
1
扶摇|
·
2024-02-09 04:20
从0开始的CSS之旅
css
学习
前端
阻止冒泡
300px;background-color:#fff;border:1pxsolid#000;position:fixed;/*使用固定定位*/left:50%;/*左上角位于页面中心*/top:50%;
margin
-left
所有心动都给你
·
2024-02-09 03:41
移动端设置position: fixed;固定定位,底部出现一条缝隙,不知原因,欢迎探讨!!!
1、问题在父盒子中有一个子盒子,父盒子加了固定定位,需要子盒子上下都有要边距,用
margin
或者padding挤开时,会出现缝隙是子盒子背景颜色的。
打不着的大喇叭
·
2024-02-09 02:05
微信小程序
前端
微信小程序
小程序
html
css
css3
使用canvas绘制网格与坐标轴
绘制网格二、绘制坐标轴一、绘制网格网格效果:代码:drawGrid.html:绘制网格body{background:#eee;}#canvas{background:#fff;cursor:pointer;
margin
-left
不睡觉的怪叔叔
·
2024-02-09 02:03
计算机图形学
放在服务器的h5
-->帮助与客服*{
margin
:0;padding:0;}.page{padding:1rem1rem;font-size:30px;color:#000;-webkit-overflow-scrolling
悟空你又瘦了
·
2024-02-09 02:16
11.盒子模型
1.基本概念HTML盒子模型是CSS布局的基础,它将网页中的每个元素看作是一个矩形的盒子,这些盒子由内容(content)、内边距(padding)、边框(border)和外边距(
margin
)四个部分组成
cssl-虞老师
·
2024-02-08 23:40
WEB前端开发从入门到精通
html
javascript
css
微信小程序(三十九)表单信息收集
表单收集的基本方法2.picker的不足及解决方法源码:index.wxml姓名:性别:男女爱好:写代码睡大觉籍贯:{{city}}保存index.wxss.form-field{display:flex;
margin
代码对我眨眼睛
·
2024-02-08 20:47
微信小程序
微信小程序
小程序
关于使用纯css写一个美观的登录页面
效果图:标题PleaseLogin是一个左右旋转的动画效果代码如下:注册登录*{
margin
:0;padding:0;box-sizing:border-box;font-family:'微软雅黑';font-weight
阿湘zs
·
2024-02-08 19:14
css
css
css3
前端
前端css3实现轮播图
以下是css3最简单的轮播图实现Document*{padding:0%;
margin
:0%}.element{width:400px;height:300px;overflow:hidden;}.photo
wish't
·
2024-02-08 16:06
前端
css3
css
手风琴案例
手风琴案例*{
margin
:0;padding:0;}img{display:block;}ul{list-style:none;}.king{width:852px;
margin
:100pxauto;
与月儿漫邀
·
2024-02-08 13:53
css
html
前端
CSS带小三角形的div框
效果图:##CSS带小三角形的div框```css复制代码超时20天.hint_prompt{border:1pxsolid#fff1f0;border-radius:4px;
margin
:50px;text-align
一颗苦涩的苹果
·
2024-02-08 12:49
css
css
前端
html
CSS 几种布局方式.
纵向布局三行等宽居中纵列布局.image.pngCSS代码结构*{
margin
:0;padding:0;}div{/*居中*/
margin
:0auto;/*宽度一直*/width:800px;}.header
人话博客
·
2024-02-08 11:32
2021-01-22
11html{
margin
:0;padding:0px;font-size:12px;}body{
margin
:0;padding:20px;}.padr20{padding-right:20px;}.
不负好时光
·
2024-02-08 11:35
携程网首页案例制作(移动端)
采用单独制作移动页面方案技术:布局采用flex布局body样式通常要设置最大宽度,最小宽度,水平居中,字体设置,背景颜色以及相关初始化body{max-width:540px;min-width:320px;
margin
guai_guai_guai
·
2024-02-08 09:35
html
css
前端
input框前面名字长短不一时,让上下input框对齐方法
没设置之前设置之后:代码如下:div{width:500px;}label{display:block;/*设置label元素为块级元素*/text-align:right;/*设置文本右对齐*/
margin
-bottom
娃哈哈哈哈呀
·
2024-02-08 07:17
CSS
前端
javascript
html
如何实现三栏布局,两端固定,中间自适应
在平常的工作中,我们经常会遇到这样的需求,就是两端固定,中间自适应的三栏布局,比如移动端头部导航,那么该怎么实现呢,我总结了一下几种方式:方式一:浮动样式代码:*{
margin
:0;padding:0;
雪中无处寻
·
2024-02-08 05:04
一个css等待动画
BidLoading',props:{biddersLoadingText:{type:String,default:()=>''}}}.bidLoadingBox{position:relative;
margin
-bo
明长歌
·
2024-02-08 04:15
动画
html
前端
height:0,padding-bottom:50%
当
margin
或者padding取值是百分比的时候,无论是left,right或者top,bottom,都是以父元素的width为参考物,进行提前占位,避免资源加载时候的闪烁,还可以让高度自适应。
流浪_8e2e
·
2024-02-08 00:04
牛客网专题练习
1.在新窗口打开链接3.有关CSS外边距
margin
说法围绕在元素边框的空白区域是外边距设置外边距会在元素外创建额外的“空白”设置外边距使用
margin
属性,可以接受任何长度单位、百分数值甚至负值。
凉薄少年13
·
2024-02-07 22:47
CSS中li标签去除小圆点
去掉li标签前的项目符号(小圆点)list-style:none;品优购快报的案例如下:新闻快报模块*{
margin
:0;padding:0;}li{/*去掉li前面的小圆点*/list-style:none
相信光的奥特王小懒
·
2024-02-07 22:37
css
24tab切换案例实现(排他功能)
效果图image.pngtab切换.gif24tab切换案例实现(排他功能).html24tab切换案例实现(排他功能)*{
margin
:0;padding:0;}ul{list-style-type:
星chen
·
2024-02-07 22:25
在SVG图里加按钮
例子:body{font-family:Arial,Helvetica,sans-serif;
margin
:0auto;font-size:12px
lckj2009
·
2024-02-07 21:29
SVG
button
div
class
javascript
function
input
HTML&CSS(Day02)
1、盒子模型1-1:div元素的引出1-2:盒子模型的五个主要元素:width、height、padding、border、
margin
width:内容的宽度。
宝宝跟你们拼啦
·
2024-02-07 19:00
08js动画两侧跟随的广告的实例
img{position:absolute;left:0;top:50px;}#demo{width:1000px;
margin
:0auto;}天王盖地虎,小鸡炖蘑菇天王盖地虎,小鸡炖蘑菇天王盖地虎,小鸡炖蘑菇天王盖地虎
An的杂货铺
·
2024-02-07 18:59
The final shot of Rosetta
ThefinalshotofRosettaRosettatellsthestoryofaneighteen-year-oldgirlwhoisonthe
margin
ofsocietyintermsofbothhersocialstatusandlivingspace.Rosetta
jmz3710
·
2024-02-07 17:47
jquery.lazyload-1.9.3中文文档 -- 延迟加载图片的jQuery插件
lazyload()方法中的配置选项的介绍少之又少.随即整理一份供大家参阅.说明:我使用的版本是1.9.3废话不多少,直接上代码:一,使用小DemoDemo#container{width:765px;
margin
Leo_DLi
·
2024-02-07 17:00
Web前端
jquery
lazyload
CSS样式——仿微信语音对话框
一个圆角矩形话不多说先上效果图:效果图我们把这个图形拆分成一个圆角化了的矩形和一个旋转后的矩形,然后背景色正好是圆角矩形的背景色图形拆分所以有了清晰的思路,那下面就是代码实现了完整代码微信对话框样式*{
margin
zp蜚声
·
2024-02-07 11:46
前端面试题:iframe详解
iframe给引进来比如A页面引入B页面里的内容A页面:Documentiframe{width:300px;height:300px;background-color:red;border:0;}html*{
margin
令狐张豪
·
2024-02-07 10:45
前端工程化之:webpack3-4(css in js)
例如下面的对象就是一个用于描述样式的对象:conststyles={backgroundColor:"#f40",color:"#fff",width:"400px",height:"500px",
margin
小李老笨了
·
2024-02-07 10:58
前端
css
javascript
浏览器兼容性问题及解决方案大汇总
解决方案*{
margin
:0;padding:0;}/***
遇· ฅ
·
2024-02-07 09:37
css
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他