![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Crushrrr
这个作者很懒,什么都没留下…
展开
-
修改input中默认字体placeholder样式
修改placeholder样式:::-webkit-input-placeholder { color: red;}:-moz-placeholder {/* Firefox 18- */ color: red;}::-moz-placeholder{/* Firefox 19+ */ color: red;}:-ms-input-placeholder { co原创 2018-01-22 17:43:40 · 669 阅读 · 0 评论 -
不固定高度元素的垂直居中
元素垂直居中的方法有很多,之前偶然发现了一个不需要固定高度即可让元素垂直居中的方法。其实原理就是使用表格模式,1.对元素父级使用display: table;2.对元素使用:display: table-cell;vertical-align: middle;demo如下:css部分:.wrap { display: table;原创 2018-01-22 18:05:53 · 1310 阅读 · 0 评论 -
css卡牌翻转效果
卡牌翻转的步骤:1.最外层wrap设置视图距离perspective:800px;相对定位position: relative2.父级#box设置转换为3d效果transform-style:preserve-3d;3.旋转元素设置:背景不透视 backface-visibility: hidden;rotateY为04.另一个旋转元素:rotateY为180deg代原创 2018-01-22 20:20:37 · 1437 阅读 · 0 评论 -
css文本超出部分隐藏
关键代码: text-overflow: ellipsis;但是必须配合overflow: hidden;和white-space: nowrap;一起使用单行文本:p { width: 100px; overflow: hidden; white-space: nowrap; //取消自动换行 text-overflow: e原创 2018-01-22 20:24:39 · 470 阅读 · 0 评论 -
记各常见手机屏幕尺寸
大部分安卓5.5寸机型: 360 X 656安卓全面屏 : 360 X 770普通iphone : 375 X 667iphone Plus : 414 x 736iphoneX : 375 X 812 微信头部栏高: 88px因此一屏显示时大部分长屏手机的媒体查询:@media screen and (min-height: 670px) {}...原创 2018-12-20 11:06:50 · 13422 阅读 · 0 评论