努力学习前端的阿猪

文章目录1、布局时，注意 文字 溢出的情况1、布局时，注意 文字 溢出的情况在开发场景中，经常会有左右的布局的情况。当两侧未设置具体的宽度时，文字往往会溢出。因此要注意考虑文字溢出的处理...

项目场景：UE同学反馈 字体未加粗、文字之间分割线没有与文字居中对齐。定位到了问题后，我发现字体确实已经加粗，而且设置的flex布局通过align-items设置了垂直居中。在安卓上，字体加粗了，而iphone上字体未加粗。所以我认为这又是一个难搞的兼容问题…尝试了各种方案发现就是没效果然后发现加粗问题是字体族写错了…font-family: PingFangSC-Medium;// 而我拼成了// font-family: PingFangSC-Meduium;// 就离谱....

文章目录一、@extend-待更新学习一、@extend-待更新学习.title { color : #f5f5f5; font-size:57px; font-family: PingFangSC;}.cusTitle1 { width : 100px; @extend .title;}.cusTitle2 { width : 200px; @extend .title;}

文章目录总结&输出理解一、横滑、竖滑总结&输出理解css一、横滑、竖滑在固定大小的div中设置滑动效果，一般使用overflow-x和overflow-y，此时会出现x方向和y方向的滑动条。以下为消除滑动条的方法（浏览器、移动端、浏览器&移动端兼容）overflow-x: scroll;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */&::-webki

如图所示，实现文字和icon居中。表面上看是一个很简单的实现。我的代码<div className='enquire'>咨询客服</div>.enquire{ position: relative; font-family: PingFangSC-Regular; font-size: 45px; color: #525252; letter-spacing: 0; line-height: 45px; padding-right:.

sass允许将一套CSS样式嵌套进另一套样式中。【目的】：避免了重复输入父选择器，结构看起来更清晰并且易于管理。其中：（1）内层的样式将它外层的选择器作为父选择器（2）&将被替换成嵌套外层的父选择器，如果含有多层嵌套，最外层的父选择器会一层一层向下传递。&所在的位置只代表了他的父亲，也就是说在每一层，指向是都是他所在的父元素。#app { h1 { text-align: center; &:hover { .

1. 遇到的问题【需求】：为已经设置了渐变色背景的按钮，增加另一种情况设置一种固定颜色。【错误做法】：在定义的新类中设置background-image为’#E3F1FB’。【结果】：发现颜色一直没有生效，但是检查了类名确实已经添加，但是颜色没有生效。原先代码为// 原先颜色.container { background-image:linear-gradient(180deg, #E3F1FB 0%, #E3F1FB 32%, #ffffff 100%);} 【原因】：ba