vivk2017
这个作者很懒,什么都没留下…
展开
-
textarea 去掉边框
textarea 去掉边框原创 2022-10-09 11:13:12 · 2264 阅读 · 0 评论 -
BFC案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2022-03-30 10:11:36 · 296 阅读 · 0 评论 -
如何触发BFC?
原创 2022-03-30 09:56:52 · 113 阅读 · 0 评论 -
css 设置平行四边形样式
background: linear-gradient(135deg, #76F3FD 0%, #7AF4FF 69%, #FCFEFF 100%);box-shadow: 0 0px 3px -2px rgb(0 0 0);transform: skew(-20deg, 0deg)原创 2022-03-28 15:02:26 · 164 阅读 · 0 评论 -
background-size中100%和cover的区别?
background-size中100%和cover的区别?background-size:100% 100%;—按容器比例撑满,图片变形;background-size:cover;—把背景图片放大到适合元素容器的尺寸,图片比例不变,但是要注意,超出容器的部分可能会裁掉。当引入背景图片,高度和宽度设置成100%时,图片还是很大,可以设置background-size:cover;使图片放大到适合元素容器的尺寸!...原创 2022-03-28 14:58:22 · 1141 阅读 · 0 评论 -
移动端响应式布局@media
<meta charset="utf-8"> <title>响应适布局</title> <style> /*iphone5(宽度为 320 px)或者更小尺寸的屏幕*/ @media only screen and (max-width:374px){ html{ font-size:86px; } } /*iphone6/7/8 或者 iPhoneX(宽度为 375 px)的屏幕*/ @media only scr原创 2022-03-25 11:02:56 · 392 阅读 · 0 评论 -
1%等于1vw吗
答案:不一定1%是相对父元素的vw是相对屏幕宽度的父级宽度和屏幕宽度一样才成立原创 2022-03-23 18:03:09 · 319 阅读 · 0 评论 -
文字过长显示省略号或显示截取的效果
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 200px;background: palegreen;【说明:】text-overflow:表示当文本溢出时是否显示省略标记,ellipsis表示省略号效果,clip 表示截取的效果。overflow:hidden; 将文本溢出的内容隐藏。white-space:nowrap; 是禁止文字换行。width: (可选)可以写固定值,也可以根据宽度自适原创 2022-03-22 15:56:13 · 118 阅读 · 0 评论 -
css写不出来,我就会看看这5个网站,总会给我灵感
1.You-need-to-know-css(各种项目的效果实现,尤其是动画效果,作者把工作中常用的一些css样式总结这份文档)https://www.cnblogs.com/jack123/p/11661986.html2,。CSS-Inspiration(寻找使用或者学习css的灵感,以分类的形式,布局,阴影,伪类、伪元素)https://chokcoco.github.io/CSS-Inspiration/#/3.css_tricks(总结了一些常用的css样式)https://css-tr原创 2022-03-21 16:04:49 · 218 阅读 · 0 评论 -
通过flex弹性布局自动适配不同屏幕
/通过弹性布局自动适配不同屏幕/ 添加 跑步 背单词 原理:flex的弹性布局/通过弹性布局自动适配不同屏幕/原创 2022-03-21 15:28:05 · 82 阅读 · 0 评论 -
表单短标题(2、3、4个字)的两端对齐- HTML + CSS
css样式调整原创 2021-12-20 16:36:02 · 885 阅读 · 0 评论 -
字节跳动 IconPark 免费图标库、阿里巴巴矢量图标库
字节跳动 IconPark 免费图标库https://iconpark.oceanengine.com/official阿里巴巴矢量图标库https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.db775f1f3&manage_type=myprojects&projectId=2776697原创 2021-09-09 14:13:26 · 5160 阅读 · 0 评论