方式一：值相加   我们先去MDN看看官方的解释： 优先级是如何计算的？ 优先级就是分配给指定的 CSS 声明的一个权重，它由 匹配的选择器中的 每一种选择器类型的 数值 决定。 而当优先级与...

css滚动条样式修改的代码 .scroll::-webkit-scrollbar { // 纵向滚动条和横向滚动条宽度 width: 1px; height: 1px; } .scroll::-webkit-scrollbar-thumb { // 滚动条背景条样式 border-radius: ...

CSS3如何创建简单动画？下面本篇文章通过案例来介绍使用CSS3创建简单动画的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 1.简易加载中 @keyframes myfirst { from{...

弹性布局（Flexbox）逐渐流行，越来越多人使用，因为它写 CSS 布局真是太方便了。 三年前，我写过 Flexbox 的介绍（上，下），但是有些地方写得不清楚。今天，我看到一篇 教程 ，才意识到一个最...

在前端的开发中，我们都是直接与用户接触，应该尽量让用户感到操作畅快愉悦，获得类似native的感觉。其中动画是最常用的方法。 这里的需求是，弹层的设计，这个弹层希望可以像 native 上的弹层...

在这篇文章中，我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果，使用纯CSS实现。   浮动的文字标签 当我们处理输入框时，会想方设法提供给用户更好的体验。有两个标签属性是...

CSS transformations虽然很酷，但还没有应用于背景图像。这篇文章提供了一个很好的解决方法，当您确实想要旋转背景图像时，或者在容器元素旋转时保持背景图像不变。 使用css3转换属性可以缩放、...

一. 定宽 + 自适应 期望效果: 左侧宽度固定, 右侧宽度自适应 公共代码: html: <div class="parent"> <div class="left"> <p>left menu</p> </d...

效果 思路 用css的animation属性做动画 代码 wxml： <view class="container"> <view class=\'anit {{show == 1?"show":(show == 2?"hide":""...

所谓三列自适应布局指的是两边定宽，中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。 我这里主要分为两大类，一类是基于position传统的实现，一类是基于css3新特性弹...