CSS 第4页

CSS作用域（样式分割）的使用汇总

一、CSS作用域（样式分割）的使用在vue中，让css样式只在当前组件中生效：scoped 属性是 HTML5 中的新属性，是一个布尔属性，如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。二、scoped的实现原理...

在CSS3中，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。 1、浏览器支持到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。　　...

不到万不得已的时候千万别引入前端UI框架，因为HTML5和CSS3已经能实现绝大多数的功能，比如上期的《CSS实现最简洁的开关》而很多人的思维还停留在web2.0时代，用各种库来做UI，导致网页臃肿。今天教大家用纯css实现一个单选的折叠...

一个常见的开发需要，我们希望折叠元素的一部分，直到需要它为止。一些常见的框架（如 Bootstrap 和 JQuery）提供了转换效果。然而，CSS Transition 在转换高度方面给予了我们很大的灵活性。因此，您不必在项目中加入其他框...

从QQtabBar看BEM 首先BEM是什么意思？BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论，是一种 CSS命名规范 weui-primary_load...

这次来看一个带特殊圆角导航栏布局，如下谷歌浏览器的标签栏：这样一个布局如何实现呢？下面介绍几种方法一、伪元素拼接假设有这样一个 HTML 结构 <nav class="tab"><a class=...

CSS 单位（绝对长度和相对长度）最近在开发响应式网页的时候，字体大小总是影响效果，原因就是使用了绝对长度单位导致的，因此让我们一起来了解一下CSS中有哪些单位是绝对长度、相对长度的，在开发中又如何使用呢！绝对长度下列‎这些是固定长...

css实现两栏布局，左侧固定宽，右侧自适应的7种方法，代码如下所示： 1、利用 calc 计算宽度的方法 css代码: .box>div{height: 100%;}#box1>div{float: left;}.left1{w...

到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款： emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢？有人认为是改变其中一张图的...

一、float（浮动） css定位机制：标准流、浮动和定位。清除浮动的方法二、定位（position）静态定位相对定位绝对定位固定定位问题加了浮动和定位（含边偏移）的盒子，magrin：auto居中方式无效。