css3 基础
关注
分享
扫一扫
文章平均质量分 53
饮泣的你
这个作者很懒，什么都没留下…
展开
-
css属性 object-fit 和 object-position
object-fitCSS属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。您可以通过使用object-position属性来切换被替换元素的内容对象在元素框内的对齐方式。object-fit 属性由下列的值中的单独一个关键字来指定。取值contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元...原创 2020-07-14 17:53:47 · 538 阅读 · 0 评论 -
Flex 布局教程：语法篇
作者：阮一峰日期：2015年7月10日转自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。...转载 2020-07-14 16:31:43 · 190 阅读 · 0 评论 -
学习 CSS3 backface-visibility
定义和用法backface-visibility 属性定义当元素不面向屏幕时是否可见。如果在旋转元素不希望看到其背面时，该属性很有用。浏览器支持Opera 15+、Safari 和 Chrome 支持替代的 -webkit-backface-visibility 属性。只有 Internet Explorer 10+ 和 Firefox 支持 backface-visibility 属性。语法ba...原创 2018-06-01 10:19:29 · 456 阅读 · 0 评论 -
contenteditable型的编辑框，实现placeholder
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>contenteditable</title><style>.content{width:380px;height:100px原创 2018-08-08 10:20:50 · 1584 阅读 · 0 评论 -
css3 Filter 的十种特效
css3中的filter属性可以说是简单易用且强大，这些效果作用在图片上实现一些特效（也可以作用在vidio上，此处只讨论图片特效）。浏览器兼容性 目前各大浏览器对于css3的兼容已经非常好了，最新版本都可以支持css3，老版本的ie9以下的还是不支持，不过这不是重点，微软都准备放弃这些老古董了。另外ie的滤镜也是可以做到的，会另加讨论。语法filter: none | blu...转载 2018-09-26 16:35:29 · 1726 阅读 · 0 评论