Thu, 30 Apr 2026 07:28:11 +0800 Thu, 30 Apr 2026 07:28:11 +0800 https://www.zhoulujun.cn css3的各种属性，css3动画 https://www.zhoulujun.cn https://www.zhoulujun.cn css3的各种属性，css3动画 https://www.zhoulujun.cn https://www.zhoulujun.cn 60 https://www.zhoulujun.cn Thu, 30 Apr 2026 07:28:11 +0800 2024-08-08 11:20:09 https://www.zhoulujun.cn
JavaScript 社区中的 AMD、CMD、CommonJS、ES Modules 等类似，CSS 社区也诞生了相应的模块化解决方案：BEM、OOCSS、SMACSS、ITCSS， ]]> 2024-08-07 10:44:53 https://www.zhoulujun.cn 2024-07-18 10:00:05 https://www.zhoulujun.cn
比如我要实现如下效果：数据集名称展示一行，超出自动省略，末尾增加编辑icon。点击编辑的icon，换成input 输入框数据集描述最多展示三行 ]]> 2023-09-30 16:34:32 https://www.zhoulujun.cn 2023-09-27 21:37:44 https://www.zhoulujun.cn
css选择符思维导图，一张图看懂css……]]> 2016-03-17 10:00:10 https://www.zhoulujun.cn
在前端的笔试题中？一般的笔试题是这样的：设 demo{width:100px;height:50px;padding:3px;margin:3px;border:3px;}则，demo的宽度多少？？ ]]> 2016-03-14 21:47:04 https://www.zhoulujun.cn
业务中碰到了一个厉害的 UI 妹纸, 因为边框的 1px border 会被渲染成 2px(物理像素), 因此看起来会比较粗，问题抓了我很久, , UI 妹纸就说不行! 一定要改!你可以那下面的图干她。说，你看到没有，改毛线啊@！！！]]> 2016-03-05 18:49:41 https://www.zhoulujun.cn
之前做沙漠教育的时候，直接以设计图为准，然后强暴式，缩放处理。简单。直接，粗暴！但是，开发快。……一劳永逸！但那是，现在开发，作为 ]]> 2016-03-05 18:28:23 https://www.zhoulujun.cn
创建了 BFC的元素就是一个独立的盒子，里面的子元素不会在布局上影响外面的元素。元素脱离了普通流，并且创建了新的BFC，而父元素不具备产生 BFC 的条件，所以它的高度为0。很多情况下，把 hasLayout的状态改成true 可以解决]]> 2016-02-24 12:17:51 https://www.zhoulujun.cn
这段时间把《谈谈一些有趣的CSS题目》系列全部看了一遍，发觉自己认为前端高手的我对css还是有很多不甚了解。今天也来总结下相关知识目录索引。]]> 2016-02-24 11:52:59 https://www.zhoulujun.cn
任何非none的transform值都会导致一个堆叠上下文（stacking context）和包含块（containing block）的创建。]]> 2016-02-24 11:50:24 https://www.zhoulujun.cn
首先举个例子，iphone6s的像素分辨率为1334x750,326ppi,4 7英寸。如图下面我们一个一个来解释。像素密度A 定义326ppi代表的就是像素密度(pi ]]> 2016-02-01 10:43:00 https://www.zhoulujun.cn
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。]]> 2016-02-01 10:24:03 https://www.zhoulujun.cn 2016-01-07 20:08:02 https://www.zhoulujun.cn 2016-01-06 17:17:49 https://www.zhoulujun.cn
如果你想看原汁原味的译文，可以移步这里：伪元素控制表单样式 我这里所有的效果都自己重新制作demo试验了下，辨别下真伪，看看window环境下的差异以及其他一些属性支持等，]]> 2015-12-15 11:00:24 https://www.zhoulujun.cn
有道桌面词典显示，”flex”一词中文有“收缩”之意。不过，从此属性实际上产生的效果来看，无论怎样用“收缩”一词解释都显得很牵强。所以，这里，直接抛开字面意思，我们可以将”box-f]]> 2015-12-09 19:25:46 https://www.zhoulujun.cn
关于自定义浏览器滚动条的样式这一块，如果网站可以不考虑非WebKit内核浏览器的话，倒是可以试试只用CSS去实现。 ]]> 2015-12-08 20:53:33 https://www.zhoulujun.cn
对于斜向线性渐变，点到点的渐变可不是直接把点的横坐标放上去就可以的。因为当渐变倾斜的时候，渐变的起止点的坐标也发生变化了。下图是官方规范的一张示意图，演示的是45deg渐变的起]]> 2015-12-08 09:34:18 https://www.zhoulujun.cn