CSS百科
-
Normalize.css介绍与使用
默认的浏览器样式表是一组规则,浏览器必须将一些最低样式应用于元素。 大多数情况下,这些样式非常有用。 因为每个浏览器都有自己的设置,所以找到一个共同点是很常见的。 与移除所有默认值…
-
CSS把一个元素在父级元素的底部
这是一件很常见的场景,最近俺还犯了一个小错误。 俺盲目地将bottom: 0赋值给一个元素,俺想把它固定在其父元素的底部。 但是….. 一直没有效果,后来俺才发现。 原…
-
css实现颜色反转
我遇到了这个问题。我在一个页面上添加了一个“黑白相间”的图像,只是意识到在暗模式下,我的页面正确地将背景改为黑色,但图像仍然是白色的。 所以我在CSS中添加了这个规则来检测暗模式,…
-
pre标签实现响应式
在俺的博客上,有几篇文章的响应式有问题。 原来俺的那些文章都有问题,它们都有一段代码超出了正常的页面宽度,没有空格。 例如: 或者任何其他很长的命令。 俺的博客上的代码片段都被自动…
-
CSS鼠标变成小手效果
有的时候我们需要用CSS来设置CSS悬浮的时候显示小手效果,来告诉用户当前元素可点击。 其实这是使用到了CSS的 cursor属性,实现代码如下: 其他效果 cursor属性除了可…
-
CSS translate3d()函数
CSS translate3d()函数用于在三维空间中移动元素。 translate3d()函数的工作原理如下: 它沿着x轴、y轴和z轴按提供的数量移动元素的位置。 沿x轴移动(水…
-
将list-style-type修改为任意的字符
从CSS级别2开始,CSS list-style-type支持诸如disc或小数之类的关键字来定义列表项标记的外观。 可以将Chrome设置为任意字符串,该功能可以在Chrome …
-
CSS实现渐变边框(border)
假如你想让元素周围有渐变的边框,我的想法是这样的: 没有可以直接使用的CSS API 我们需要制作一个具有线性渐变背景的包裹(wrapper)元素,然后一个内部元素将遮盖该背景的大…
-
CSS实现英文单词的首字母大写
text-transform 属性用来控制文本的大小写,是CSS2.1的属性,兼容性问题不大。 属性值是关键字,有4+1种,这个1是实验性属性值。 /* Keyword value…
-
常见的浏览器内核整理
今天俺跟大家分享一下浏览器内核知识,开发中使用的常见的就是将写CSS的时候加上浏览器内核前缀。 定义 内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染,后者负责执行解析 Ja…