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
移动端常用布局1-头部、底部固定,内容滚动
底部子级元素添加固定定位fixed给一个空标签设置高度,解决fixed定位后导航栏遮盖内容的问题或者给父级标签设置高度clipboard.png移动端常用布局*{margin:0;padding:0;
box-sizing
gitJason
·
2023-10-05 19:07
更着鼠标移动倾斜的html效果,带视觉倾斜效果的鼠标悬停卡片动画特效
卡片会根据鼠标的方向进行3d倾斜.使用方法HTML结构01.Normal02.Reverse03.NormalCSS样式*,*::after,*::before{margin:0;padding:0;
box-sizing
weixin_39998859
·
2023-10-05 19:26
更着鼠标移动倾斜的html效果
ios h5页面回弹
margin:0; padding:0;}/*基本样式*/html,body{ width:100%; height:100%; overflow:hidden;}body{
box-sizing
热心的码农
·
2023-10-05 04:57
前端
css
html
前端
前端布局学习笔记(第一篇:入门)
文章目录一、知识点1、margin、padding有什么区别,不想再混乱了2、五种最常见的CSS页面布局3、
box-sizing
属性是什么作用?4、行内元素水平方向不对齐有哪些原因?
斌哥谈编程
·
2023-10-04 15:22
CSS3
前端
css
css3
html5
css float left换行不正常问题
理想效果如下:Document.block{width:25%;padding:10px;float:left;
box-sizing
:border-box;}.blockdiv{background-color
菜菜___
·
2023-10-04 11:22
字节前端一面(挂掉了)
TCP、UDP工作在哪一层,且它们之间的区别(展开问)TCP的拥塞控制HTTP的状态码分类(5类,功能)301、302、401css中盒模型
box-sizing
中content-box和border-box
greente_a
·
2023-10-03 08:45
canvas 实现橡皮擦
canvas实现橡皮擦acanvas*{
box-sizing
:border-box;margin:0;}#canvas{box-shadow:0001pxtomato;padding:0px;transform
康乐芳华
·
2023-10-02 06:42
CSS中:root伪类的使用
例如,你可以使用:root来定义一个全局的字体大小:css:root{--font-size:16px;//定义CSS变量;
box-sizing
:border-box;//代码中所有盒模型的边框向内挤压
嘉州子
·
2023-10-02 05:30
css
前端
HTML5+CSS3实现的响应式垂直时间轴
moz-osx-font-smoothing:grayscale;}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
box-sizing
weixin_30820151
·
2023-10-02 01:04
php
前端
javascript
ViewUI
2022-06-22 模仿百度热搜列表纯静态css练习
image.png*{padding:0;margin:0;
box-sizing
:border-box;}body{padding-top:40px;padding-left:40px;background-color
玲珑花
·
2023-09-30 22:46
CSS鼠标悬浮盒子边框加载效果
#666;color:#fff;font-size:24px;line-height:50px;text-align:center;margin:50pxauto;position:relative;
box-sizing
酸霉汤
·
2023-09-30 13:50
#
CSS
css3
html5
css实现四角圆边框
*{margin:0;padding:0;
box-sizing
:border-box;}.flexCenter{display:flex;justify-
Front思
·
2023-09-30 13:49
css
前端
CSS 相关
box-sizing
:border-boximage的宽度的问题:CSS布局单列布局:将一个元素作为布局容器。通常设置一个较小的宽度(最大宽度),来保证不用宽度分辨率下显示一致。
Dormiveglia-flx
·
2023-09-30 12:41
css
前端
常见面试题集合
box-shadow:盒子阴影background-size:背景图片大小transition:过渡transform:转换(位移旋转缩放)animation:动画linear-gradient:线性渐变
box-sizing
一只小老虎ovo
·
2023-09-30 05:29
前端
javascript
开发语言
html 边缘融合加载
html代码边缘融合加载*{margin:0;padding:0;
box-sizing
:border-box;}body{height:100vh;padding-bottom:80px;background
马卫斌 前端工程师
·
2023-09-29 05:36
html+css
html
css
css3
关于CSS3
box-sizing
属性的详细案例讲解
关于CSS3的
box-sizing
属性还可以参考W3schoolbox-sizing属性的语法和其他css属性一样,该属性有三个可取的值,具体语法:
box-sizing
:content-box|border-box
haoxn
·
2023-09-28 11:09
倒水晃动的效果
Document*{padding:0;margin:0;
box-sizing
:border-box;}body{height:100vh;display:flex;justify-content:center
·
2023-09-28 10:34
javascriptcss3
css知识学习系列(16)-每天10个知识点
**请解释一下CSS中的“
box-sizing
”属性和“border-box”模型。**3.**在CSS中,你如何使用“position”属性和定位类型来控制元素的垂直对齐方式?**4.
云边散步
·
2023-09-26 22:40
css学习
css
学习
前端
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— Web APIs(一)
/images/bg01.jpg)no-repeatcenter/cover;padding:100px250px;
box-sizing
:border-box;}传智教育
卡皮巴拉
·
2023-09-26 18:45
JavaScript学习
前端
javascript
es6
用flex实现grid布局
flex-flow:rowwrap;margin:calc(@gutterSize/-2);>div{flex:00calc(100%/@columns);padding:calc(@gutterSize/2);
box-sizing
呐呐呐呐。
·
2023-09-26 10:55
css
css3
前端
【CSS】3.CSS写一个箭头
height:0;border:6pxsolid#252525;border-color:transparenttransparenttransparent#252525;position:relative;
box-sizing
Bee.Bee.
·
2023-09-26 01:21
CSS
前端
css
css3
面试
用JS原生实现锚点定位功能/动态目录高亮
Documenthtml,body{margin:0;padding:0;height:100%;}.container{width:100%;display:flex;padding:20px50px;
box-sizing
清秋挽风
·
2023-09-25 22:35
前端
笔记
javascript
前端
开发语言
html css制作正六边形
首页*{margin:0;padding:0;
box-sizing
:border-box;}em,i{font-style:normal}li{list-style:none}img{border:0;
半兽先生
·
2023-09-25 20:57
html
css
前端
利用背景渐变实现边框样式
letter-border{margin:100px;width:750px;height:100px;
box-sizing
:border-box;border:6pxsolidtransparent;
初来乍到的IT狗
·
2023-09-25 07:45
样式贴
css
css3
创意菜单悬停文本动画效果
family=Poppins:wght@700&display=swap');*{margin:0;padding:0;
box-sizing
:border-box;font-family:'Poppins
ECHO-Debug
·
2023-09-24 21:29
css
动画
css
html
30.CSS文本悬停过渡效果
效果源码index.htmlCSSFocusTextHoverEffectsFocuscss*{margin:0;padding:0;
box-sizing
:border-box;font-family:
@大迁世界
·
2023-09-24 21:55
CSS特效案例
css
前端
38.CSS文本动画效果
family=Poppins:wght@300;400;500;600;700;800;900&display=swap');*{margin:0;padding:0;
box-sizing
:borde
@大迁世界
·
2023-09-24 06:02
CSS特效案例
css
前端
HTML & CSS & JavaScript - 一个简单数字时钟
文章目录一个简单数字时钟一个简单数字时钟一个简单的数字时钟*{
box-sizing
:border-box;margin:0;padding:0;}body{background:linear-gradient
好好活着,不要熬夜
·
2023-09-23 16:45
HTML
&
CSS
&
JavaScript
javascript
css
html
JavaScript - canvas - 通过 <input type=“file“ /> 加载图片
文章目录参考Usingimage*{/*margin:0;padding:0;*/
box-sizing
:border-box;}canvas{border-width:1px;border-color:
好好活着,不要熬夜
·
2023-09-23 16:42
HTML
&
CSS
&
JavaScript
JavaScript
HTML
CSS
canvas
29.CSS边框动画特效
family=Poppins:100,200,300,400,500,600,700,800,900');*{margin:0;padding:0;
box-sizing
:border-box;font-family
@大迁世界
·
2023-09-23 05:44
CSS特效案例
css
前端
原生JS实现无缝轮播图
1.html无缝轮播图<>2.css*{margin:0;padding:0;
box-sizing
:border-box;}/*外层容器*/.carousel-container{width
不爱搬砖的码农
·
2023-09-23 04:24
javascript
css
前端
css知识学习系列(10)-每天10个知识点
**在CSS中,你如何使用“
box-sizing
”属性来改变元素的盒模型?**3.**请解释一下CSS中的“display:table”和“display:table-cell”有什么作用?**4.
云边散步
·
2023-09-22 05:32
css学习
css
学习
前端
css知识学习系列(9)-每天10个知识点
**请解释一下CSS中的“
box-sizing
”属性和“border-b
云边散步
·
2023-09-22 05:02
css
学习
css3
css知识学习系列(11)-每天10个知识点
**请解释一下CSS中的“
box-sizing
”属性和“border-box”模型。**5.**在CSS中,你如何使用“positio
云边散步
·
2023-09-22 05:22
css学习
css
学习
前端
导航菜单布局
制作包含logo、菜单、按钮的3分离布局菜单完成效果准备htmlDocumentHtmlCSSJSContact编写css*{
box-sizing
:border-box;margin:0px;padding
学习做游戏中
·
2023-09-21 18:58
前端
html5
JavaScript小案例-tab栏切换(可移除item)
gif效果图:代码:tab栏切换(可移除item)*{margin:0;padding:0;
box-sizing
:border-box;font-size:14px;color:white;}body{
bitDesigner
·
2023-09-21 16:30
Javascript
javascript
html
css
tab栏切换
Javascript小案例--树形菜单(菜单数据为对象)
gif效果图:代码树形菜单*{padding:0;margin:0;
box-sizing
:border-box;font-size:14px;}body{background-color:#444;}/
bitDesigner
·
2023-09-21 16:59
Javascript
JavaScript
html
css
树形菜单
Javascript小案例-进度条(配置对象版)
gif演示图:代码:进度条(配置对象版).html进度条(配置对象版)*{padding:0;margin:0;
box-sizing
:border-box;}body{background-color:
bitDesigner
·
2023-09-21 16:59
Javascript
javascript
html
css
进度条
JavaScript小案例-树形菜单(菜单数据为数组)
gif演示图:代码:树形菜单.html树形菜单-数组*{padding:0;margin:0;
box-sizing
:border-box;font-size:14px;color:#fff;}body{
bitDesigner
·
2023-09-21 16:54
Javascript
javascript
html
css
树形菜单
移动端1px 像素边框
1px像素采用伪类元素的transform:scale(.5);方法实现,记录一下.modileBorder{position:relative;&::after{position:absolute;
box-sizing
郝艳峰Vip
·
2023-09-21 11:40
css
css3
css知识学习系列(4)-每天10个知识点
**CSS中的“
box-sizing
”属性与“border”属性有什么关系?**2.**在CSS中,如何使用“calc()”函数进行计算?有什么使用技巧?**3.
云边散步
·
2023-09-21 09:07
css学习
css
学习
前端
css知识学习系列(6)-每天10个知识点
**CSS中的“
box-sizing
”属性与“border”属性有什么关系?**2.**在CSS中,如何使用“calc()”函数进行计算?有什么使用技巧?**3.
云边散步
·
2023-09-21 09:07
css学习
css
学习
前端
css知识学习系列(14)-每天10个知识点
**CSS中的“
box-sizing
”属性与盒模型有什么关系?请解释一下盒模型的工作原理。**2.**在CSS中,如何使用“flex-flow”属性来控制Flexbox布局中的元素排列和对齐方式?
云边散步
·
2023-09-21 08:04
css学习
css
学习
前端
css知识学习系列(12)-每天10个知识点
**在CSS中,如何使用“
box-sizing
”属性来改变元素的盒模型?请说明它与“width”和“height”属性的关系。**3.
云边散步
·
2023-09-21 08:34
css学习
css
学习
前端
flex之伸缩网页
display:flex;}header>a{flex:1;}header>a>img{width:100%;}main{margin:10pxauto;width:100%;padding:010px;
box-sizing
小透明进击战
·
2023-09-21 07:04
css中盒模型
通过
box-sizing
设置主要有两种默认的content-box和新增的border-boxcontent-box的实际宽度为width+padding+border+marginwidth不包含padding
zjh111
·
2023-09-21 04:55
宽度设置100%,设置padding之后,宽度会超出100%
使用
box-sizing
:border-box;.title{width:100%;padding:030px;
box-sizing
:border-box;}
蔚完待旭
·
2023-09-21 00:03
css整理
标准盒模型(css->
box-sizing
:content-box):比如你设置盒子宽度为100px,那么content的宽度就是100px,不包含padding、margin、borde
冫笙
·
2023-09-19 20:28
JS 自动触发点击事件
ul{width:400px;height:300px;background-color:aqua;list-style:none;padding:10px;
box-sizing
:border-box;
Array[赵]
·
2023-09-19 15:57
javascript
css
css:
box-sizing
使用教程
本文介绍了css3中的
box-sizing
属性,在这之前读者需要预备知识width的范围。
yqj234
·
2023-09-19 08:50
WEB
HTML5
html5
css3
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他