随笔分类 -  css

this is about css
一些常用的css属性记录
摘要：1，box-shadow box-shadow: 0px -1px 0px 0px #000, /*上阴影*/ -1px 0px 0px 0px #000, /*左阴影*/ 1px 0px 0px 0px #000, /*右阴影*/ 0px 1px 0px 0px #000; /*下阴影*/ 阅读全文
posted @ 2021-01-27 09:23 ken丶123 阅读(65) 评论(0) 推荐(0)
关于div水平垂直居中的几种方法
摘要：Dom结构： 1， 伪元素 加 vertical-align 2， table -ceil 3， flex 4， transform 5， absolute + margin：auto （子元素要设置宽高） 6， flex + margin：auto 阅读全文
posted @ 2019-08-21 16:29 ken丶123 阅读(195) 评论(0) 推荐(0)
一些很好用但不常用的css属性总结 （持续中......）
摘要：在各种框架横行的9012，感觉我们学前端的都变得浮躁了很多，放一张最近流行的神图： 唉，扯远了， 还是整理我的东西吧，路漫漫其修远兮，吾将上下而求索！ 1， position：sticky; 粘性定位。 元素在屏幕显示区域内时 表示为relative， 当快要滚出显示屏的区域时，表示为fixed。 阅读全文
posted @ 2019-03-08 10:24 ken丶123 阅读(405) 评论(0) 推荐(0)
css的reset和常用的html标签的默认样式整理
摘要：先看下常用的这些标签浏览器的默认样式有哪些： 当然这里列举的都是常用的标签，那些不常用的或者是已经快被淘汰的就没列出来。 根据上面的默认样式，我们就可以有目标的去写reset里面需要重置哪些样式： 1，body的margin 2，ul，ol 的margin和padding 3，dl， dd 的mar 阅读全文
posted @ 2019-03-07 15:26 ken丶123 阅读(402) 评论(0) 推荐(0)
css实现视觉差的滚动
摘要：之前在逛知乎的时候，发现知乎app首页中偶尔掺杂的广告图片，都是做的视觉差的效果，广告图片的向上速度明显比外面页面的上拉速度慢了很多，看起来很炫酷，然后在网上看了下，发现有很多js插件可以实现这种效果。这种就不提了，这次我们是考虑的用css写。（当然，ie是不兼容的） 这边参考了张鑫旭大神的一篇文章 阅读全文
posted @ 2019-01-07 10:42 ken丶123 阅读(2015) 评论(0) 推荐(0)
css 之 BFC
摘要：1，定义 BFC为块级格式化上下文，也就是一块区域内的封闭空间，里面元素无论怎么样，都不会影响外部元素。 2，触发条件 html 根元素 display的值为 inline-block、table-cell和table-caption中的任何一个 position的值不为relative和stati 阅读全文
posted @ 2018-12-25 10:12 ken丶123 阅读(169) 评论(0) 推荐(0)