层叠样式表是一种用来表现 HTML(标准通用标记语言的一个应用)或 XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
在 uniapp App 端开发过程中,自定义导航栏是非常常见的需求,而状态栏高度的适配则是自定义导航栏时绕不开的关键问题——如果处理不当,很容易出现页面内容被状态栏遮挡的情况,影响用户体验。很多开发者会疑惑,uniapp App 端是否有便捷的 CSS 变量可以直接获取状态…
你是否见过网页上带有圆角的按钮?你是否见过位于圆形框内的图片?如果是,那么你已经见识过 CSS border-radius 属性的效果了。你可以通过 CSS 应用 border-radius 属性,为任何元素添加 圆角 。 边框半径语法 与许多涉及边距、内边距和边框的 CSS 属性一样,盒子元素的四…
自从 1998 年 CSS2 作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后 CSS 布局成为了优雅代码的代名词。 对于所有设计师使用过的 CSS 概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身/每个人都会做,但是没有人会谈论它。(It’s like a…
在前端开发中,position: sticky;(粘性定位)是一个非常实用的布局属性,它结合了 relative(相对定位)和 fixed(固定定位)的优势,能让元素在跨越特定阈值前保持相对定位,跨越后切换为固定定位,常用于导航栏、列表标题等场景。但很多开发同学在使用时会遇到“设置了 s…
在我们编写 CSS3 动画的时候,我们可能需要去检测动画是否完成,也就是 CSS3 动画的回调事件,这个使用纯 CSS3 可能是无法完成的,不过我们可以使用 JavaScript 原生的一些方法,检测 CSS3 动画是否完成。 https://www.wenjiangs.com/public/upl…
我最近重新设计我的网站,并希望创建工具提示。 使得这很简单,但我也希望我的工具提示为特色的三角指针。 我是一个灾难,当涉及到的图像和需要,以使图像的每个颜色提示,我想使我重新思考我重新设计的前景。 我很幸运,MooTools 的核心开发者达伦 - 沃德尔与我共享一个伟大的效果 CSS 的三角形。 使…
渐变可以创建类似于彩虹的效果,低版本的浏览器不得不使开发者用图片来实现,CSS3 将会轻松实现网页渐变效果,CSS 渐变新类型的 <image> 的 CSS3 图片模块添加。使用 CSS 渐变可以显示两个或多个指定的颜色之间的平滑过渡。 这可以让您避免使用这些效果的图像,从而减少下载时间…
网页布局中总会遇到很多莫名其妙的 BUG,但是对于我来说,似乎并不是什么难题,因为我已经写过了很多的网页了,这篇文章将给大家分享下 CSS 塌陷的问题。 边界塌陷 CSS 中存在一个 margin collapse,即边界塌陷或者说边界重叠。 并排 DIV 边界塌陷 对于上下两个并排的 DIV 块而…
CSS 拥有很多选择器,其中伪类选择器是 CSS3 中心加入的,:nth-child 是众多伪类选择器中的一个,也是用法和变化最多的一种选择器,我们提供合适的参数,可以选择几乎所有任意的元素。 基本用法 可以设置一个具体的数字,选择某个指定数字索引的元素,注意这里的数字索引是从 1 开始计算,而不是…
Margin 和 Padding 是我们在网页设计经常使用到的 CSS 样式,他们分别是间距和填充,一个作用于盒子外面,一个作用于盒子里面,默认的情况下,这些属性的值都会被计算在盒子的面积里面,在网页开发中的流体布局或者是响应式布局中,经常将 Margin 和 Padding 设置成百分数,那么到底…