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
box-sizing
分享一个加载按钮动画
先看效果:再看代码:加载动画按钮*{
box-sizing
:border-box;}body{width:100%;height:100vh;background-color:#000000;font-family
timi先生
·
2023-07-21 12:04
CSS
前端
css
javascript
分享一个点赞特效
先看效果:再看代码:点赞*{border:0;
box-sizing
:border-box;margin:0;padding:0;}:root{--bg:#e3e4e8;--fg:#17181c;--primary
timi先生
·
2023-07-21 12:04
CSS
javascript
javascript
前端
html
css知识碎片整合
box-sizing
:content-box;宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内
dralexsanderl
·
2023-07-21 03:40
html
css
css3
css之flex两端对齐,且元素自动换行、flex、flow
:368px;display:flex;flex-flow:wrap;justify-content:space-between;border:1pxsolid#ff0000;padding:8px;
box-sizing
牧码岛
·
2023-07-20 14:02
web前端
CSS
css
前端
web
基于Web API drap事件的简单拖拽功能
基于WebAPIdrap事件的简单拖拽功能效果示例图代码示例效果示例图代码示例*{padding:0px;margin:0px;
box-sizing
:border-box;}ul,ol,li{list-style
miao_zz
·
2023-07-20 11:18
WebAPI
前端
javascript
css
box-sizing
:border-box的理解和作用
盒子模型盒子模型是指:外边距(margin)+border(边框)+内边距(padding)+content(内容)可以把每一个容器,比如div,都看做是一个盒子模型比如你给一个div设置宽高为500px,但实际你设置的只是content,之后你又设置了padding:10px;border:1pxsolidred;这时div的宽高就会变为544px(content500px+padding40p
Leeeeeer
·
2023-07-20 02:27
css
html
html5
uni-app:scroll-view滚动盒子,实现横(纵)向滚动条
uni-app官网(dcloud.net.cn)样式:代码:111222333444exportdefault{}.scroll{//设置盒子样式border:1pxsolidblack;//设置盒子的外边框
box-sizing
雯0609~
·
2023-07-19 21:22
uni-app
uni-app
基于javascript的可以自定义设置圆几等份的抽奖示例
基于javascript的可以自定义设置圆几等份的抽奖示例效果示例图代码示例使用class效果示例图代码示例*{padding:0px;margin:0px;
box-sizing
:border-box;
miao_zz
·
2023-07-19 11:55
JS
javascript
开发语言
ecmascript
基于javascript的简单拖拽排序
基于javascript的简单拖拽排序效果示例图代码示例效果示例图代码示例*{padding:0px;margin:0px;
box-sizing
:border-box;}.list{width:600px
miao_zz
·
2023-07-19 11:55
JS
javascript
开发语言
ecmascript
js大转盘抽奖
js大转盘抽奖效果示例图代码块效果示例图代码块*{padding:0px;margin:0px;
box-sizing
:border-box;}.luckydraw{width:373.5px;height
miao_zz
·
2023-07-19 11:24
JS
javascript
前端
开发语言
js抽奖(随机抽奖|默认抽奖结果)
js抽奖(随机抽奖|默认抽奖结果)效果示例图代码块效果示例图代码块抽奖*{padding:0px;margin:0px;
box-sizing
:border-box;}.luckydraw{border:
miao_zz
·
2023-07-19 11:24
JS
javascript
前端
开发语言
js签字版签名
js签字版签名效果图代码示例效果图代码示例*{padding:0px;margin:0px;
box-sizing
:border-box;}.canvasStyle{border:1pxsolidred;
miao_zz
·
2023-07-19 11:54
JS
笔记
学习
javascript
前端
html
js刮刮乐
js刮刮乐效果示例图代码块效果示例图代码块js刮刮乐*{padding:0px;margin:0px;
box-sizing
:border-box;}#scratchticket{width:200px;
miao_zz
·
2023-07-19 11:54
JS
学习
笔记
javascript
前端
开发语言
通过new FormData提交简单数据
通过newFormData提交简单数据效果示例图代码效果示例图代码*{padding:0px;margin:0px;
box-sizing
:border-box;}input,input:focus{border-radius
miao_zz
·
2023-07-19 11:18
JS
javascript
前端
css
CSS面试题
的盒子模型区别:标准盒子模型:margin、border、padding、contentIE盒子模型:margin、content(border+padding+content)通过css如何转换盒子模型:
box-sizing
飞奔的小白
·
2023-07-18 11:37
CSS盒模型分成W3C标准盒模型和IE模型
W3C标准盒模型(默认):
box-sizing
:content-boxpadding和border都会撑开盒子,改变盒子的宽度高度总宽度:width+左右border宽度+左右padding宽度+左右margin
联旺
·
2023-07-18 07:39
Css盒模型以及Bfc的应用场景
1.标准的:
box-sizing
:content-box;(浏览器默认的)2.IE的
box-sizing
:border-box;三JS如何设置获取盒模型对应的宽高。
却忘不掉你心言
·
2023-07-18 02:16
消表情js小游戏
{margin:0;padding:0;}div{width:700px;height:500px;border:1pxsolidblack;margin:50pxauto;padding:30px;
box-sizing
一只大菜鸟J
·
2023-07-17 13:54
前端
javascript
html、css、原生js 构建移动端页面简单功能,切换页面、下拉框联动,模拟数据列表渲染、自定义弹框等
自定义弹框等,效果图如下:代码:demo*{padding:0;margin:0;}body,html{height:100%;-webkit-tap-highlight-color:transparent;
box-sizing
程序媛zcx
·
2023-07-16 18:54
JavaScript
HTML
css
html
前端
js、jquery实现多个div绑定点击事件,点击一个div使边框选中,其他div取消边框选中
100px;background:pink;float:left;margin:10px;border:1pxsolid#ccc;text-align:center;line-height:100px;
box-sizing
程序媛zcx
·
2023-07-16 18:54
jquery
JavaScript
javascript
css
jquery
分享一个创意滚筒按钮
先看效果:再看代码:滚筒按钮*{border:0;
box-sizing
:border-box;margin:0;padding:0;}:root{--hue:223;--bg:hsl(var(--hue
timi先生
·
2023-07-16 02:06
前端
html
css
Flex案例——垂直居中、导航栏、圣杯布局等
布局实现导航栏5.固定百分比布局6.圣杯布局7.固定div在底部一、案例1.弹性容器案例.son{width:60px;height:60px;border:1pxsolidred;margin:5px;
box-sizing
猫与故巷0214
·
2023-07-15 20:19
前端
flex
flexbox
css
css3
【Java】Servlet之数据库版本的留言墙实现
前端实现表白墙*{padding:0;margin:0;
box-sizing
:
Lotto_o
·
2023-07-15 17:35
JavaEE初阶
servlet
数据库
java
java-ee
maven
开发语言
css清除默认样式
/*清除默认样式,初始化样式*/*{/*清除内外边距*/margin:0;padding:0;/*自减盒子模型*/
box-sizing
:border-box;}ul,ol{/*清除默认圆点*/list-style
偷光
·
2023-07-15 14:40
html
css
javascript
【CSS】盒模型
盒模型
box-sizing
用于定义盒模型的计算方式。有以下2种取值:content-box:默认值。元素的宽度和高度只包含了内容。
JS.Huang
·
2023-07-15 08:55
CSS
笔记
css
前端
html
HTML+CSS复习第二天
padding:0;}ul{background-color:#5F5750;width:234px;height:170px;padding:3px;display:flex;flex-wrap:wrap;
box-sizing
努力的savejin
·
2023-07-15 08:53
HTML+CSS
css
html
css3
HTML和CSS配合制作一个简单的登录界面
HTML和CSS配合制作一个简单的登录界面界面HTMLCSS解释语法界面HTML篮球世界篮传竞技CSS*{
box-sizing
:border-box;}body{font-family:Arial,Helvetica
「QT(C++)开发工程师」
·
2023-07-14 21:09
CSS
css
html
javascript
uniapp 手写聊天页面
CSS部分$chatContentbgc:#C2DCFF;$sendBtnbgc:#4F7DF5;view,button,text,input,textarea{margin:0;padding:0;
box-sizing
许你满眼星辰
·
2023-07-14 15:26
uni-app
前端
HTML CSS下雨效果
*{margin:0;padding:0;
box-sizing
:border-box;/*不会挤大盒子*/}body{width:100%;height:100vh;/*Vh:1vh等于视口高度的1%*
啊呼,吖
·
2023-07-13 21:26
css
html
css3
静态网页开发模板——小白入门(HTML &CSS)
页面标题*{
box-sizing
:border-box;}/*body样式*/body{font-family:Arial;margin:0;}/*标题*/.header{padding:80px;text-align
白白白鲤鱼
·
2023-07-13 20:50
前端
html
css
前端
分享一组开关按钮
先看效果:再看代码:豆子开关*{margin:0;padding:0;
box-sizing
:border-box;-webkit-tap-highlight-color:transparent;outline
timi先生
·
2023-06-23 23:25
CSS
css
html
前端
分享一个下载按钮
先看效果:再看代码:下载按钮*{border:0;
box-sizing
:border-box;margin:0;padding:0;}:root{--dur:3s;--arrowA:polygon(33%
timi先生
·
2023-06-23 23:25
CSS
css
css3
html
一个好看美观的登录注册界面的实现
首先是这个界面哈Logina:link{color:red;}a:visited{color:pink;}a:hover{color:black}/*a:active{color:#0C0C0C}*/*{
box-sizing
兰舟千帆
·
2023-06-23 19:38
css
css3
html
java
javascript
登录注册
spring
boot
使用阿里云域名和腾讯云服务器 出现的问题--------记录
阿里云备案成功服务器为腾讯云,后端使用的node这里获取数据时返回一篇html如下温馨提示body{min-width:1200px;}div,ul,li,p,span,i,h2,h3,h4,h5,h6{
box-sizing
T3165919332
·
2023-06-22 22:17
腾讯云
阿里云
服务器
CSS3-浮动综合案例-网页导航栏
代码:Document*{margin:0;padding:0;
box-sizing
:border-box;}.nav{margin:0auto;width:640px;height:50px;background-color
Q _Q
·
2023-06-22 20:48
CSS3
css3
css
html
CSS3-浮动综合案例-小米顶部导航栏
代码:Document*{padding:0;margin:0;
box-sizing
:border-box;}.top{height:40px;background-color:#333333;text-align
Q _Q
·
2023-06-22 20:17
CSS3
css3
css
html
前端
移动·web前端高效开发实战/Chapter4.CSS3必会实战技巧
1、认识CSS3css技术升级版,css3是最新版本,css3被划分为多个模块css3实用新特性:选择器:选中特定的HTML元素盒模型
box-sizing
属性来改变对元素宽高的计算方式
box-sizing
西瓜皮儿的皮儿
·
2023-06-21 14:14
前端
移动开发
前端
css面试题
盒模型常见的盒模型有w3c盒模型(又名标准盒模型)
box-sizing
:content-box和IE盒模型(又名怪异盒模型)
box-sizing
:border-box。
·
2023-06-20 12:58
前端cvte面经
一面:自我介绍react和vue的区别react为什么是MVC浏览器缓存(这里提到了http缓存)cookie主要用来做什么http缓存盒子模型用什么属性实现
box-sizing
如果给元素加上padding
小新大人y
·
2023-06-19 19:57
面经
前端
移动端实现横向滚动+如何设置字号小于12px
:auto;}/*隐藏滚动条*/.users::-webkit-scrollbar{display:none;}.users.user-item{display:block;width:3.8rem;
box-sizing
joe_324
·
2023-06-17 19:19
html
css
vue.js
CSS中一些标签的使用
box-sizing
,scroll-behavior, :root,@media screen, 冒号和双冒号的区别
box-sizing
属性的取值可以为content-box或border-box,对它们的解释如下。1.content-box:浏览器对盒模型的解释遵从W3C标准,当定义width和
相信神话2021
·
2023-06-17 11:56
css
css
前端
JavaScript案例分享:让前端开发者抓狂的按钮
案例代码如下:Document*,*:after,*:before{
box-sizing
:border-bo
正经人_____
·
2023-06-15 23:05
前端
javascript
HTML5+CSS3 生日快乐网站制作(粉红色系列)
embed/237881(title-101粉色生日祝福网页新背景birthday)]截图演示image.png三、作品代码HTML代码HappyBirthdayᴴᴬᴾᴾᵞᴮᴵᴿᵀᴴᴰᴬᵞ进入CSS代码*{
box-sizing
html网页设计
·
2023-06-15 07:25
分享一个玉质按钮
先看效果:再看代码:Title*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
box-sizing
:border-box;--purple
timi先生
·
2023-06-15 04:13
CSS
css
css3
html
子元素宽度100%,但是父元素加了Padding,子元素宽度超出问题
padding,但是子元素的宽度100%会导致宽度超长分析问题:其实input框的真实宽度,元素本身宽度+元素本身padding+边框,即500+20+4=524,超出了父元素的长度解决办法:使用盒子模型
box-sizing
Goat恶霸詹姆斯
·
2023-06-14 16:30
CSS
css3
前端
css
css基础问题
;IE盒子模型:宽度=内容的宽度(content+padding+border)+margin;W3C盒子模型:宽度=内容的宽度(content)+padding+border+margin;可以通过
box-sizing
5b5072cc2c5b
·
2023-06-14 06:53
CSS学习系列1 - CSS中的盒子模型 box model
css中有一个盒子模型的概念.主要是用来告诉浏览器如何来计算页面元素的宽度和高度,比如该元素的宽度/高度是否包括内边距,边框,外边距.盒子模型有一个属性
box-sizing
属性来说明是否包括以及具体包括啥内容我们先来看一个图
weixin_30673715
·
2023-06-13 01:20
javascript
ViewUI
小程序之scroll-view用法
scroll-view用法水平滚动123.box{width:100vw;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred;
box-sizing
兔子___
·
2023-06-12 19:53
开发中遇到移动端和uni-app右边的内边距不生效情况解决
代码解决-css//设置盒子模型-解决右边内边距不生效
box-sizing
:border-box;
-風过无痕
·
2023-06-12 10:49
Vue-相关技术
uni-app
css
盒子模型
padding-right
前端面试 --- CSS面试题
border、外边距margin盒模型的类型:①标准盒模型:margin+border+padding+content②IE盒模型:margin+content(border+padding)控制盒模型的模式:
box-sizing
虾小眠0526
·
2023-06-12 02:40
前端面试
css
前端
css3
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
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
其他