css
Zxy-9
这个作者很懒,什么都没留下…
展开
-
css相关
flex布局实例(阮一峰版)原创 2021-04-10 14:45:22 · 82 阅读 · 0 评论 -
怎么给input插入一个图片
html部分 <input type="text">css部分input{ border-radius: 5px; /*设置圆角半径*/ padding-left: 30px; /*设置内边距防止遮盖住图片*/ height: 36px; /*input高度*/ width: 240px; /*input宽度*/ background-image: url("im原创 2020-10-11 21:47:05 · 13910 阅读 · 0 评论 -
css3中vh和vw分别是什么意思?
1vw等于视口宽度(viewport width)的百分之一,也就是说100vw就是视口的宽度。同理,1vh等于视口高度(viewport height)的百分之一,100vh就是视口的高度原创 2020-11-18 22:22:20 · 6971 阅读 · 1 评论 -
background-clip:text(把背景图片变成字体的颜色)
偶然发现background-clip除了教程上给出的那几个属性以外,还有这种特殊的玩法,就是让背景图片变成字体的颜色举个例子这里只要将background-color变成background-image文字的颜色就可以变成背景图片了css部分 body{ background-color: black; } h1{ background-color: #ff6242; -webkit-backgr原创 2020-11-19 08:20:28 · 849 阅读 · 1 评论 -
scrollHeight,clientHeight,scrollTop
移动端加载数据时,由于数据太多,不会一次性全部加载出来。有些会采用pc端那样用分页码的形式,但是更多的确实滑动滚动条到内容最后,加载更多内容出来。一般引入了三方的前端框架和插件,基本都会有此功能。偶尔会需要采用原生js实现,故而此处就介绍下原生js的实现方式。另外附上jquery的实现方式。原生js实现思路需要三个高度:scrollHeight(文档内容实际高度,包括超出视窗的溢出部分)、scrollTop(滚动条滚动距离)、clientHeight(窗口可视范围高度)。当 clientHeig转载 2020-11-19 09:01:15 · 1353 阅读 · 0 评论 -
哔哩哔哩首页的对焦效果
css部分 <style> *{ margin: 0; padding: 0; } .container{ height: 160px; position: relative; overflow: hidden; } .container>.banner{ posit原创 2020-11-24 18:31:00 · 205 阅读 · 0 评论 -
关于normalize.css到底是干嘛的
首先先放上normalize.css的链接 传送门这是一个基本样式,能够帮助我们解决在我们没有编辑基本样式的时候各个浏览器默认情况的不匹配例如,a浏览器的默认情况下下划线的颜色是蓝色,而b浏览器的默认下划线的颜色的黑色,这个css文件就会把不一样的颜色转化为它里面已经编辑好的,让所有的浏览器上对于未定义的样式浏览效果达到一致。...原创 2021-01-20 13:04:30 · 564 阅读 · 0 评论