css
前端爱好者小王
一个慢慢成长的前端爱好者,欢迎大佬学习交流 免费带萌新,规划前端发展路线,提供技术支持,学习前端不踩坑
展开
-
css1像素下边框问题
1px下边框显示问题今天做移动端项目时在ui设计图稿出现了1px的下边框线但是在我实际做项目中border-bottom:1px solid #ccc;如图,直接设置会发现实际比1px要粗很多代码设置的时1px,但是实际为4px,比ui稿上还要粗,一下被我的像素眼给发现了,在论坛中找到的方法,觉得挺实用的,可以记录一下,方便以后查找。产生的原因这种问题产生的原因是因为随着科技的进步,各个设备的像素变得越来越高,1px显然在有点设备上为虚拟单位,甚至显示不到,会出现两种问题:1.老设备,原创 2021-04-23 13:56:46 · 477 阅读 · 0 评论 -
3分钟快速掌握Css弹性盒子(伸缩盒子)布局
弹性盒子(flex)1.语法:display:flex(定义当前元素为弹性盒子)①弹性盒子是一种布局方式②特点:改变子元素在父元素的排列方式采用flex布局的元素可以叫做flex的容器,他的子元素也会自动成为容器,也叫作flex项,通俗点来说在flex布局中,行级元素不用转换为块级元素,也可以拥有块级元素的属性。2.弹性盒子的方向:弹性盒子的轴方向与我们日常学过的坐标轴类似,只不过主轴方向与x轴相同而交叉轴方向与坐标轴中y轴相反,当然这只是系统给出的默认值,我们还可以通过代码来实现改变弹性盒子的原创 2020-10-08 20:47:05 · 1712 阅读 · 4 评论 -
CSS的动画的基础概念定义/调用/绑定复习必备
NO.1 Css过渡1.语法 transition:原创 2020-10-07 18:18:41 · 926 阅读 · 0 评论 -
初学者css页面布局2种容易发生的错误而导致页面混乱的原因
float浮动发生情况:当给子元素设置浮动时,父元素没有具体高度,就会造成父元素高度的塌陷。父元素宽度不变,而高度为0。检查方法浏览器f12调试检查父元素解决方法:①给父元素设置overflow:hidden;溢出隐藏②给父元素设置高度③使用伪元素,清除左右浮动外边距击穿问题外边距击穿常常出现于大盒子中嵌套小盒子,设置内层小盒子的外边距时,大盒子也会出现同样的效果。外边距击穿的产生原因:相邻的两个盒子元素会共用一个外边距相邻的定义:同级或嵌套的盒子元素他们中间没有内容(非空)解原创 2020-10-04 09:13:58 · 749 阅读 · 0 评论 -
Css中的过渡属性基本概念详解
css的过渡总结 语法:transition:属性名 延迟时间;1.需要控制元素(必要属性):transition-property:元素1,元素2,元素3;2.过渡需要的时间(必要属性):transition-duration: /s;或者/ms; ps:1s=1000ms3.过渡方式(非必要):transition-timing-function: 默认值为ease(变速)其他属性值有:①linear 匀速②ease-in 慢速开始,快速结束③ease-原创 2020-10-04 08:46:29 · 944 阅读 · 0 评论