css
文章平均质量分 68
rsancy
所有痛苦都源于对自己无能的愤怒!
展开
-
CSS3自定义滚动条样式
CSS3自定义滚动条样式 -webkit-scrollbar当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。滚动条的css样式主要有三部分组成: ...原创 2019-10-29 15:01:49 · 157 阅读 · 0 评论 -
响应式图片解决方案
响应式设计:是指在不同的屏幕分辨率,不同的像素密度比,不同宽度的终端设备中,网页布局可以自适应的调整。响应式图片:是指根据不同尺寸的设备加载不同的图片。一、常见结果方案为适配不同终端机型的屏幕宽度和像素密度,我们一般会使用如下方法设置图片的CSS样式:<style> img{ max-width:100%; height:a...原创 2019-07-01 22:18:43 · 320 阅读 · 0 评论 -
CSS3中的Calc() 函数
CSS3中的Calc() 函数css参考手册定义与用法calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);height:calc(100vh - 50px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数...原创 2019-06-26 20:36:26 · 1159 阅读 · 0 评论