qq_39025670的博客

最近看了一篇文章，让我对 rem 有了更多的了解。链接如下：https://www.zhihu.com/question/313971223/answer/628236155

最近经常用到flex布局，记录一下遇到的问题1. ellipsis没有效果解决方法：需要在其父级元素上设置 width：02.图片明明设置了固定宽高，为何当页面过小时还是会被压缩变形解决方法：给图片设置 flex-shrink: 0;3.火狐浏览器设置flex: 1未生效解决方法：在设置flex: 1的容器上设置 min-width: 0 或者 min-height: ...

代码：<a href="javascript:;" target="_blank">连接</a>这样一段代码在Chrome下点击无效，而在Firefox下会打开新的空白页面。所以，我们需要去掉target的值...

1.参考了下MUI的实现效果，编写了以下适合自己的解决方案代码/* 一像素边框 */.border-bottom,.border-top,.border-left,.border-right,.border-top-add,.border-left-add{ position: relative;}.border-bottom::after,.border-top::...

本文整理了大量业务场景下的常用css样式，拿来即用...

本文介绍了flex布局中常用的属性display: flex;代码：<section class="container"> <style> .container{ display: flex; } .box{ width: 100px; height: 100px; } ...

这个布局的名字我也是头一次听说，中文名姑且叫粘性的footers吧，这是在学习课程中了解的，现在拿出来分享一下。先看布局实现的效果：这是一个弹出层，整体分为上部分的内容区域和底部的关闭按钮，当内容较少时关闭按钮始终在页面底部，当内容较多时出现滚动条，将关闭按钮撑到页面的最下方。那这种效果如何实现的哪？网上有很多方式，这里讲解一种纯css实现的方法，关键代码如下（stylus语法）：...

我们看w3c文档，发现position的取值有static（默认值）、relative、absolute 和 fixed 。除此之外其实还有initial（默认）、inherit（继承）、unset 和 revert（未在规范中）。initial（IE不支持）initial 用于设置css属性为它的默认值。inherit每个css属性都有一个特性，要么是默认继承的（inherite...

一.行内样式<h1 style="color:blue;"></h1>二.嵌入样式<style>p{color:blue;}</style>三.链接样式<link rel="stylesheet" type="text/css" href="style.css" />四.导入样式<style&gt...

整理了css常用的几种居中实现方案

通过CSS3实现一些炫酷的loading动画效果...