.XulgrMax{ font-size: 32px; font-weight: 600; margin: 20% 50px 0 50px; color: red; } @media screen and (max-width: 900px){ .XulgrMax{ font-size: 24px; font-weight: 500; margin: 40p...

几个免费字体下载网站： https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/   一般下载下来是单个ttf或otf字体文件，很多都体积比较大，直接引入单个字体文件...

HTML <button id='xgtotop'><i class='xulgricon'>&#xe621;</i></button> <button id='xglink'><i class='xulgricon'>&#xe692;</i></but...

粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分： <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...

最近在我的小程序授权登录页加了一些好看的小样式，顺便分享出来 CSS .xulgrrainbox { position: relative; width: 100%; height: 100%; transform: rotateZ(45deg); position: fixed; top: 0; ...

网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...

html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...

进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义，比如没有滚动到设置的元素时，样式的宽度是100px，然后当用户滚动屏幕到设置的元素时，设置的元素就可以又以另一种自定义样式悬浮...

.XulgrFont{position:relative;letter-spacing:.07em;font-size:3em;font-weight:normal;margin:0 auto} .XulgrFont:before,.hcqFont:after{position:absolute;top:0;left:0;right:0} .xulgr-te...

我一直都在用的是 display: flex; 直接在父级元素加上display: flex，元素内的样式都会响应式并排显示，非常简单。   还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...