![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
Azer.Chen
这个作者很懒,什么都没留下…
展开
-
CSS 中文字体格式
font-family华文新魏:STXinwei 华文行楷:STXingkai 华文隶书:STLiti 华文琥珀:STHupo 华文彩云:STCaiyun 方正姚体:FZYaoti 方正舒体:FZShuTi 华文仿宋:STFangsong 华文中宋:STZhongsong 华文宋体:STSong 华文楷体:STKaiti 华文细黑:STXihei 隶书:LiSu 幼圆:YouYuan 微软雅黑体:MicrosoftYaHei 微軟正黑體:MicrosoftJhengHei原创 2021-09-29 15:04:28 · 586 阅读 · 0 评论 -
图片等比缩放方案
方法 1:设置最大宽高 + autoimg { width: auto; max-width: 400px; height: auto; max-height: 225px;}如果,此时图片存在父级,并且希望图片以等比缩放的形式,最大的填充在父级块中,也可以通过将 max-width、max-height 设置为 100% 来实现:img { max-width: 100%; max-height: 100%;}方法 2:设置背景属性原创 2021-09-14 09:56:29 · 915 阅读 · 0 评论 -
纯CSS实现垂直水平居中的几种方法
方法 1:table-cell<div class="container"> <div class="inner">Azer</div></div>.container { display: table-cell; vertical-align: middle; text-align: center;}方法 2:flex 布局.container { display: flex; jus原创 2021-09-14 09:32:40 · 138 阅读 · 0 评论 -
CSS 中的冷门属性收录
声明: 本篇作用在于收录一些不常用,但又能有效处理一些不常见问题的 CSS 属性,以便遇到一些问题时,能及时查找使用。原创 2021-08-23 15:57:15 · 485 阅读 · 2 评论 -
鼠标事件穿透遮挡层
pointer-events: none原创 2021-08-23 15:47:36 · 392 阅读 · 0 评论 -
H5+CSS3 背景图毛玻璃效果实现方案
方案一、<img> + filter: blur()<div class="container"> <img class="background" src="./image/index.png"></div><style> .background { width: 100px; height: auto; filter: blur(20px); }</styl原创 2020-11-17 23:57:50 · 1862 阅读 · 1 评论