Provenr的博客

PC端，1920px宽度的图片在各种宽度的屏幕始终居中显示<section id="active_img"> <img src="" alt=""> <img src="" alt=""> <div style="display: flex;"> <a href=""><img src="" alt=""></a> <a hr

css选择器（[class*=" icon-"], [class^=icon-] 的区别）官方解释：[attribute^=value]，a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 元素。 最低要求：css3[attribute*=value]，a[src*="abc"]，选择其 src 属性中包含 "abc" 子串的每个

1、在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 阿里巴巴字体库使用方法进入阿里巴巴字体官网 注册登录 按照如图所示1、2、3 创建一个项目在首页选择需要的字体添加到购物车, 在右上角购物车内,将所选图标添加到项目中在项目中选择 fontclass 获取在线样式地址 也可以直接下载到本地在本地项目中引入该样式即可使用 标签内直接添加 字体类名和选中的类名如果选择用在线字体 ，可以

touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测

去除a标签在点击高亮阴影a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}谷歌浏览器 input 框 在记住账号密码的情况下 背景变黄-webkit-autofill { 　　-webkit-box-shadow:

需求：产品列表页面中，产品图片下面显示产品的名称，产品简介时需要自适应文字长度。一行时居中显示，多行左对齐显示。 一、利用display:inline-block；属性 1、html 代码段 北京市海淀区 内蒙古自治区锡林郭勒盟 2、css 片段 div {width: 120px;background: #fafafa;height: 50px;ma

CSS.rolled { position: absolute; top: 0; width: 80px; height: 500px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rg...

css&lt;style&gt; .show{ opacity: 0; visibility: hidden; transition: all 2s linear; background: red; } .hide{ visibility:...