图片变形处理，设置属性object-fit: cover完美解决！
上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。
object-fit理解
CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：cover, contain等。
obj...
css伪元素::after实现箭头
css伪元素::after实现箭头
效果如图，鼠标经过右箭头变成下箭头
<div class="main_lt d-flex flex-column">
<a href="" class="active">公司简介</a>
&...
CSS filter属性
filter
将模糊或者颜色偏移等图像效果用于元素，通常用于调整图像，背景和边框的渲染
css 标准中已内置一些预定义效果的函数，也可通过url使用SVG滤镜
语法
/* URL to SVG filter */
filter: url(filter.svg#id);
/* <filter-function&...
背景图片大小background-size值：cover、100%和contain的区别
background-size：contain；等比缩放，按照某一边来覆盖显示区域的，若区域大于图片的比例，会有白边，图片不会变形
background-size：cover;---把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。
background-size：10...
css绝对定位如何居中
1、兼容性不错的主流css绝对定位居中的用法：
注意：这种方法有一个很明显的不足，就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时，往往要借助JS获得。
.conter{
width: 600px;
height: 400px;
position: absolute;
left: 50...
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
.a，.b
逗号指相同的css样式
.a .b
空格指后代元素
.a>.b
大于号指子代元素
.a+.b
这个+是选择相邻兄弟，称作“相邻兄弟选择器”
css中“~”是:
p~ul
为所有相同的父元素中位于...
Emmet的css支持 margin,padding多个属性值
Emmet的css支持 margin多个属性值
属性值
m10 ⟹ margin: 10px;
mt10 ⟹ margin-top: 10px;
多个属性值：对于有多个属性值的CSS属性，在编写时只需在属性值之间添加-：
m4-6 ⟹ margin: 4px 6px;
p4-6 ⟹...
css3径向渐变closest-side，farthest-side，closest-corner，farthest-corner
css3径向渐变closest-side，farthest-side，closest-corner，farthest-corner分别是什么意思？
1，closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边；
background-image: radial-gradient(closest-si...
css3背景图片 background-repeat: space;
css3背景图片 background-repeat: space;
CSS3新增，当背景图片不能以整数次平铺时，会用空白间隙均匀填充在图片周围，图片不缩放。
例如：
background-position: center;
background-repeat: space;
你会发现，background-position...
css实现物流信息查询样式
css实现物流信息查询样式
缺一个类似这样的小车
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" conte...
background-color没有none值
background-color没有none值
background-color:none;不管用
去掉背景颜色用background-color:transparent;)
css background-attachment属性
前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。
取值：
scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定。
fixed：背景图相对于视口固定，所以随页面...
CSS 不透明度 / 透明度opacity: 0.5;
opacity 属性指定元素的不透明度/透明度。
opacity 属性的取值范围为 0.0-1.0。值越低，越透明：
img {
opacity: 0.5;
}
效果图：
使用 RGBA 的透明度
如果您不希望子元素透明，只是背景色透明：
div {
background: rg...
图片之间的间距，图片之间有间隔，图片中间有空隙
页面中如果有多张图片，那么图片之间会有一些间距，在某些情况下（如切好的图片再次拼接），在显示上就会出现一些问题。效果如下：
代码：
<div class="f0">
<img src="images/1.png" >
<img src="images/2.png" >...
css取消line-height设置line-height: normal;
如果css设置了行高，某处又不需要行高了，怎样取消行高设置？
/* 初始设置 */
.layui-form-select dl dd, .layui-form-select dl dt {
line-height: 36px;
}
/* 重写css样式 */
.layui-form-select dl dd, .layui-f...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2688
39
分类目录
最新评论
- https://jueru.net/
-
评 留言
- :weixiao:
-
评 留言
- :shuijiao: :weiqu: :zhenbang: :leng:
-
评 留言
- :yiwen: :yiwen: :yiwen: :yiwen:
-
评 EasySass: could not generate CSS file. See Output panel for details.
- 这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。
-
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多