首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
CSS中常用的一些函数
CSS中常用的一些函数,calccalc()函数支持加减乘除四种运算,很多类型都可以使用calc()函数,例如angle、length、frequency、time,percentage、number、integer,因为calc()有很多约束,所以这些类型不一定都可以出现calc()函数。我们在calc()函数中不能使用当前css属性不支持的数据类型。//下面这些都是不合法的width:calc
71
代码人生
01-01 08:00
代码人生
css用边框实现圆角矩形
css用边框实现圆角矩形,今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当简单并且效果一点也不差,这里简要分享一下。关键部分都有注释。div+CSS圆角矩形.roundedRectangle{height:70px;100px;margin-top
71
代码人生
01-01 08:00
代码人生
CSS line-break属性与中文标点换行
CSS line-break属性与中文标点换行 关于标点符号把文字带着换行的问题解决方案 出现的问题 最近在弄一个介绍页面的时候遇到一个很巧的问题,在文本换行的时候刚好能够放下文字,但是标点符号把这个文字带着换行了 如下图所示: 如果的在上一行显示,那么句号就应该在下一行显示,然而句号是避首标点,不能出现在开头。因此,“的”字就被带到下一行了 中文标点的这种换行特性,即使设置word-break:
71
代码人生
01-01 08:00
代码人生
css实现不定宽高的图片img居中裁剪_类似微信朋友圈图片效果
css实现不定宽高的图片img居中裁剪_类似微信朋友圈图片效果 需求如下: 前端需要显示矩形的缩略图,接口返回的图片尺寸大小不一,宽高不相等,需要前端来处理并显示成正方形,类似微信朋友圈图片的效果,等比例正方形显示在列表中,让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢? mate标签: <meta name="vie
70
代码人生
01-01 08:00
代码人生
css用边框实现圆角矩形
css用边框实现圆角矩形,今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当简单并且效果一点也不差,这里简要分享一下。关键部分都有注释。div+CSS圆角矩形.roundedRectangle{height:70px;100px;margin-top
70
代码人生
01-01 08:00
代码人生
css的一些零碎总结
css的一些零碎总结 个人的vue/angular网站开发,记得添加全局css【main.css或index.css】 * { padding: 0; margin: 0; height: 100%; font-size: 2.2vh; /*or vw, viewport height|width*/ position: relative; }
70
代码人生
01-01 08:00
代码人生
CSS3----盒模型新增样式
CSS3----盒模型新增样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{
69
代码人生
01-01 08:00
代码人生
css 旋转动画
css 旋转动画 .uni-load-more__img { animation: loading-ios-H5 1s 0s step-end infinite;} @keyframes loading-ios-H5 { 0% { transform: rotate(0deg); } 8% { transform: rotate(30deg); }
69
代码人生
01-01 08:00
代码人生
css 瀑布流
css 瀑布流 .waterfall{ margin:0 20rpx; column-count: 2; .waterfall-item { margin-bottom: 15rpx; //break-inside: avoid; } .waterfall-img { width: 100%; }} <view class="wate
69
百科问答
01-01 08:00
百科问答
css3设置背景图片的大小
css3设置背景图片的大小 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: 1 background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */ 2 background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */ 3 back
67
«
1
2
...
69
70
71
72
73
74
75
76
77
»