![](https://img-blog.csdnimg.cn/20200213085021126.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css学习
文章平均质量分 62
css内部揭密,技巧分享
前端程序员雾灵
好好学习天天向上
展开
-
网站常用动画系列(一)
网站常用动画系列(一)????擦亮按钮:before {content: '';position: absolute;left: 0;top: 0;width: 0.2rem;height: 0.55rem;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);background: -webkit-gradient(linear原创 2021-06-20 23:27:30 · 323 阅读 · 0 评论 -
快速了解css层叠规则
前言????❌ 设置层叠样式就只会用z-index这个属性❌ 一直用 z-index:3;z-index:99;z-index:999;… 这样根据大小来调整元素的上下顺序???? z-index只是css层叠的冰山一角,(在定位元素和display:flex的元素中z-index生效)还有比它更重要的东西需要我们知道???? 目标:理解 层叠上下文、层叠水平、层叠顺序,就????了开始学习????(全程大约5分钟)第一站:层叠上下文(stacking context)⛽它是HTML中一个原创 2021-06-20 23:21:54 · 302 阅读 · 0 评论 -
CSS自适应的几个参数,赶紧体验一下CSS
关于CSS自适应的几个参数,赶紧体验一下CSS可以在width height里使用的fill-availablefit-concentmin-content 和 max-content关注我,每天分享一个进阶必备知识点原创 2020-05-26 16:38:52 · 208 阅读 · 0 评论 -
开发时,你对图片了解多少呢?
图片分类位图(点阵图)矢量图各种格式图片介绍png jpg gif svg webpgif(帧动画)可以给图片添加动画,兼容性好,但是只有 256 种颜色 log 动图jpg 有损压缩 去除视觉不易注意的边缘,大体一置,失真, 适合做背景图轮播图png 无损压缩 使用算法 有两类 适合做对色彩区分明显,logo,性能不是问题的图片 真色彩 但文件体积较大svg 矢量图 law ...原创 2020-03-11 11:10:45 · 122 阅读 · 0 评论 -
css盒模型 BFC 总结
盒模型 BFC 总结盒模型由 margi border padding content -盒模型有标准模型与 IE 模型两种类型 -标准模型的 width,height 就是 content 的 width,heightIE 模型的 width,height 就是 content+padding+border 的 width,height -两者之间转换通过 box-sizing:conte...原创 2020-03-11 11:07:33 · 148 阅读 · 0 评论 -
CSS简单实现圣杯布局和双飞翼布局
你能学到什么?代码实现Ⅰ圣杯布局html <div class="holyGrail"> <div class="hg_main">main</div> <div class="hg_left">left</div> <div class="hg_right">right</div&...原创 2020-02-29 16:39:51 · 268 阅读 · 0 评论 -
css背景条纹
css背景边框Ⅱ边框内圆角条纹背景水平无渐进条纹垂直条纹斜向条纹更好的斜向条纹灵活的同色系条纹代码下载感谢边框内圆角outline不会随着圆角的变化而变化不会随着圆角的变化而变化,box-shadow会随着圆角的变化而变化 .borderInnerCircle{ width: 60%; height: 60%; background-col...原创 2020-02-22 18:56:33 · 272 阅读 · 0 评论 -
css背景与边框
css背景边框Ⅰ半透明边框多重边框outline 解决方案box-shaow解决方案灵活的背景定位background-position 的扩展语法方案background-origin 的扩展语法方案代码下载感谢半透明边框rgba,halc来实现半透明,设定对象为borderhsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。HSLA 即色相、饱和度、亮度、透明度。(css3)r...原创 2020-02-22 16:07:23 · 199 阅读 · 1 评论 -
了解一下css基本信息
文章目录css版本css历史简介css模块升级到3这个版本号如果某个模块是新的概念,它的版本号从1开始css3包含什么呢?浏览器前缀大家都知道的常见浏览器前缀css在浏览器的兼容css版本css历史简介css 1的版本由Hakon Wium Lie和 Bert Bos发表于1996年,它比较简单,用A4纸打印也只有68页。css 2的版本发表于1998年,这时增加了两名编辑 Chris L...原创 2020-02-12 20:43:33 · 168 阅读 · 0 评论