前端

Chason

宁可偏执，也不能放弃理想。
https://www.rmbxz.com

累计撰写 324 篇文章
累计创建 54 个标签
累计收到 13 条评论

标签搜索

以下是前端相关的文章

2021-01-26
【HTML】每次都不读取缓存进行读取页面（移动端测试必备） <meta http-equiv="Expires" content="0" /> <meta http-equiv="Pragma" content="no-cache"
- 2021-01-26
- 2528
- 0
- 0
- HTML
2021-01-26
【HTML】条件注释判断浏览器版本  除IE外都可识别 <!--[if IE 6]> 仅IE6可识别 <![endi
- 2021-01-26
- 2508
- 0
- 0
- HTML
2021-01-26
压缩字体文件 http://ecomfe.github.io/fontmin/var Fontmin = require('fontmin');var fontmin = new Fontmin() .src('fonts/*.ttf') .dest('build/fonts');fontmin.ru
- 2021-01-26
- 4947
- 0
- 0
- 前端插件
2021-01-26
【CSS】背景色配色 BgcolorΚ″#F1FAFA″———做正文的背景色好，淡雅BgcolorΚ″#E8FFE8″———做标题的背景色较好BgcolorΚ″#E8E8FF″———做正文的背景色较好，文字颜色配黑色BgcolorΚ″#8080C0″———上配黄色白色文字较好BgcolorΚ″#E8D098″———上配浅
- 2021-01-26
- 3413
- 0
- 0
- css
2021-01-26
【CSS】关于ipad上，active失效 <script> function shield() { return false; } document.body.addEventListener("touchstart", shield, false); //取消浏览器的所
- 2021-01-26
- 3048
- 0
- 0
- css
2021-01-26
【CSS】ipad按钮闪烁处理 button { -webkit-tap-highlight-color: transparent;}
- 2021-01-26
- 2870
- 0
- 0
- css
2021-01-26
【CSS】手机端动画容易出现卡顿或者闪烁的解决办法 /* 防止动画卡顿 --- start --- */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; bac
- 2021-01-26
- 3089
- 0
- 0
- css
2021-01-26
【CSS】计算属性--calc() 段落引用calc() 此 CSS 函数允许在声明 CSS 属性值时执行一些计算。它可以用在如下场合：<length>、<frequency>, <angle>、<time>、<percentage>、<number>、或 <
- 2021-01-26
- 2929
- 0
- 0
- css
2021-01-26
【CSS】固定背景图片 css代码如下： height: 100%; background-image: url(../pic/pic1.jpg); background-size: cover; background-attachment: fixed; background-repeat:
- 2021-01-26
- 2615
- 0
- 0
- css
2021-01-26
【CSS】a标签hover和active标签不生效（可清除默认样式）修改各个伪类css的顺序，按照:link->:visited->:hove->:active的顺序写。推荐方式：.clear_a { text-decoration: none; color: rebeccapurple;}.clear_a:link { text-decor
- 2021-01-26
- 2681
- 0
- 0
- css
2021-01-26
【CSS】透明颜色设置失效设置具有透明色的颜色，通过rgba或hsla来设置，比#设置颜色要兼容性好。否则IE浏览器有可能设置失效。移动端背景样式不生效：调试发现：width的计算属性calc导致背景色设置失效。解决方法：将width的计算属性放在背景色设置的上面，问题即可解决。 width: calc(85% - 70p
- 2021-01-26
- 2557
- 0
- 0
- css
2021-01-26
【CSS】Flex布局，不兼容space-evenly属性关于使用自适应(Flex)布局时，ie浏览器和火狐浏览器不兼容space-evenly属性的解决办法。例如： display: flex; flex-direction: column; justify-content: space-evenly;在布局内容的上下可以适当添加<
- 2021-01-26
- 2731
- 0
- 1
- css
2021-01-26
【CSS】table中的td换行外层table容器css：table-layout:fixed;对应的td设置：word-break:break-all;
- 2021-01-26
- 988
- 0
- 0
- css
2021-01-23
【CSS】html 超出容器内容自动省略号 css样式：方式一：white-space: nowrap; /* 强制一行内显示 */overflow: hidden; /* 溢出隐藏 */text-overflow: ellipsis; /* 超出的部分显示省略号 */方式二：overflow: hidden;text-overfl
- 2021-01-23
- 1042
- 0
- 0
- css
2021-01-23
【CSS】safari浏览器 border-radius失效因为图片img用了transform动画，导致safari的显示bug，没办法，只好hack一下，解决方案如下：.intro_person_wrapper{/*给遮img的罩父级加上以下这些属性就好了*/-webkit-backface-visibility: hidden; -moz-backfa
- 2021-01-23
- 1540
- 0
- 0
- css
2021-01-23
【CSS】Animation Buttons 原文：https://codepen.io/yuhomyan/pen/abNEWEr效果图：代码：<header> <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap&q
- 2021-01-23
- 1007
- 0
- 0
- css 动画
2021-01-23
【CSS3】 :nth-child(n)使用注意 :nth-child(n) ---->选中某个元素，该元素必须是某个父元素下的第n个子元素；p:nth-child(n) ---->选中p元素，且该p元素必须是某个父元素下的第n个子元素注意：n是从1开始的如下代码，p:nth-child(1)，只会选中第二个div中第一个子元
- 2021-01-23
- 976
- 0
- 0
- css
2021-01-23
解决Animate.css在谷歌浏览器没有动画效果原文：https://blog.csdn.net/xswlwxsl/article/details/1065470431、win + R2、%windir%\system32\SystemPropertiesPerformance.exe 回车3、如图所示：
- 2021-01-23
- 944
- 0
- 0
- css 动画
- css
2021-01-23
【CSS】学习Flex布局小游戏塔防游戏学习flex布局http://www.flexboxdefense.com/
- 2021-01-23
- 1205
- 0
- 0
- css
2021-01-23
收集的一些CSS动画 ipadhttps://codepen.io/anniebombanie/details/pojmNzN会动的五角星https://codepen.io/borntofrappe/pen/wLxxvv404https://codepen.io/uiswarup/details/dyoyLOphove
- 2021-01-23
- 1049
- 0
- 0
- css 动画
2021-01-22
【CSS】hover激活其他的class 原文链接:https://blog.csdn.net/mammonmon/article/details/52212246两个组件是父子关系时：如下：.login .move { position: absolute; left: 10%; top: 45px; width: 0; bor
- 2021-01-22
- 1083
- 0
- 0
- css
2021-01-22
【CSS】滚动条样式 /* 滚动条 */* ::-webkit-scrollbar-track-piece { background-color: #09114c;}* ::-webkit-scrollbar { width: 4px; height: 4px;}* ::-webkit-scrollbar-thum
- 2021-01-22
- 1012
- 0
- 0
- css
2021-01-14
【CSS】移动端百分比宽度 css代码如下：width: 100vw;overflow: hidden;
- 2021-01-14
- 1986
- 0
- 0
- css

4
5
6
7
8