css 倒影 -webkit-box-reflect的基本语法-webkit-box-reflect: [ above | below | right | left ]? <length>? <i
转载
2022-07-12 16:28:13
423阅读
【注：本文所有的代码和实例仅在chrome和safari等webkit内核的浏览器测试通过】如果说从web Pages 能够转到web app时代，那么css3和html5其他相关技术一定是巨大的功臣。唯一的遗憾就是pc端浏览器的泛滥导致了我们不得不走所谓的优雅降级，而且这种降级是降到新技术几乎木有...
原创
2022-08-18 15:49:19
484阅读
webkit-box1、之前要实现横列的web布局，通常就是float或者display：inline-block; 但是都不能做到真正的流体布
原创
2023-05-19 14:27:57
567阅读
发现： 最近在做移动端的东西，说起移动端弹性盒子布局真是无往不利，用起来特别爽，我也是偶尔间发现的这个属性并且它的用法，在网上基本查不到这个属性的资料（个人看法）。如果没有听说过（display:box）的朋友建议去别人家的博客看看CSS3就可以直接command+w了，由字看意，是不是能联想到 d
转载
2016-04-14 11:38:00
184阅读
2评论
开发者需要了解的WebKit https://.infoq.cn/article/webkit-for-developers 开发者需要了解的 WebKit 彭超 2013 年 3 月 18 日 话题：JavaScriptHTML5语言 & 开发 Paul Irish是著名的前端开发工程师，同
转载
2018-11-09 14:56:00
117阅读
2评论
# CSS在WebKit和Chromium中的实现 ## 概述 前面章节介绍了CSS的三种基本要素，大概可以分成选择器，各种基本样式和CSS3引入的变形、变换和动...
转载
2022-01-07 17:22:16
290阅读
CSS Box Shadow
今天看到一个在IE下面也可以实现CSS Box Shadow的方法，感觉不错在这里给大家分享一下！
先说一下这个方法的关键：
1：有两层DIV。2：最外层一定要有background-color和filter属性。3:内层一定要有position（absolute and relative）和background-color。4：内层外层的宽高要
转载
精选
2011-11-27 22:08:23
496阅读
点赞
1、box-sizing: content-box | border-box;content-box: width & height设置的区域为：内容区大小；border-box: width & height设置的区域为：border + padding + 内容区大小；2、box-shadow: 水平偏移 垂直偏移 阴影半径 颜色;
原创
2022-05-03 00:29:04
389阅读
https://www.w3schools.com/css/css_boxmodel.asp All HTML elements can be considered as boxes. The CSS Box Model In CSS, the term "box model" is used wh
原创
2024-06-05 13:40:22
25阅读
本文我们搁下IE不谈，只谈谈box-shadow的具体使用方法语法：E {box-shadow: <length> <length> <length>?<length>?||<color>} 也就是： E {box-shadow:inset x-offset y-offset blur-radius spread-radius c
转载
2013-07-08 13:17:00
164阅读
1、display: flex; 指定flex布局方式2、flex-direction: row | row-reverse | column | column-reverse指定主轴方向3、flex-wrap: nowrap / wrap / wrap-reverse指定换行行为（体现在辅轴上）4、justify-content: flex-start | flex-end | center |
原创
2022-05-01 19:17:45
177阅读
http://www.cnblogs.com/gaoxue/articles/2287311.html
转载
精选
2012-10-11 14:44:48
408阅读
title layout categories tags excerpt css属性前浏览器厂商前缀 post CSS 浏览器兼容 css前缀 CSS属性中浏览器厂商前缀的介绍 CSS3中一些新功能也是目前导致各大浏览器不兼容的一个原因，这些新功能的出现，浏览器厂商们变便开始尝试融合、试验，所以就在这些功...
原创
2019-05-02 01:39:09
433阅读
资料 | 网址 | 彻底搞懂word break、word wrap、white space | https://juejin.im/post/5b8905456fb9a01a105966b4 word break 属性（菜鸟教程） | https://www.runoob.com/cssref/c
转载
2020-04-03 19:41:00
714阅读
2评论
一、white-space
可以实现HTML中PRE标签的效果，以及单元格的noWrap效果，点此查看示例。
语法：
white-space : normal | pre | nowrap
取值：
normal： 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
转载
2024-01-10 21:31:36
135阅读
遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称“被遮罩层”；这两个图层中只有相重叠的地方才会被显示。解释挺长，其实用图片来看就十分直观了：代码：background-image: url(https://s2.ax1x.com/2020/02/13/1LF8iD.jpg);
-webkit-mask: url(https://s2.ax1x.com/2020/02/14/1XE6l
转载
2021-01-20 20:07:12
1263阅读
2评论
# CSS初探 ## 概述 先谈谈HTML网页的开发者们所遭遇地痛苦和悲惨的经历。在CSS出现前或者出现早期，HTML因为要设计不同风格和样式的元素，所以在不停地加...
转载
2022-01-07 17:29:29
183阅读
在很久之前的一篇文章，有讲到 -webkit-box-reflect 这个属性 -- 从倒影说起，谈谈 CSS 继承 inherit-webkit-box-reflect 是一个非常有意思的属性，它让 CSS 有能力像镜子一样，反射我们元素原本绘制的内容。上一次写它，它的兼容性还非常非常的惨淡，但是到今天，虽然还是一个 Non-standard 的语法，但是兼容性已经大有改观，并且利用它，我们可以
转载
2021-03-04 14:25:59
163阅读
2评论
