Joe's Blog
Advanced CSS&Sass 10 - flex, svg, current color Advanced CSS&Sass 10 - flex, svg, current color
Flex attributes flex-basis 定义在分配空间之前,元素所占大小 flex-grow 是指分配剩余空间,默认为0 flex-shrink 默认为1,指可以缩小,0为不能缩小 flex: none | [ &
2022-12-13
Java Virtual Machine 01 - JVM basic, heap parameters Java Virtual Machine 01 - JVM basic, heap parameters
Jvm简介什么是jvm Java执行流程 JVM是Java平台无关的保障 Jvm规范 Jvm规范是针对编译出来的*.class文件的 Jvm能够实现开发语言无关 Jvm规范主要内容 字节码指令集 Class文件格式 数据类型和值 运
2022-12-12
Advanced CSS&Sass 08 - Responsive image Advanced CSS&Sass 08 - Responsive image
Responsive imagehttps://www.jianshu.com/p/607567e488fc what is responsive imagedisplay different versions of the same im
2022-12-10
Advanced CSS&Sass 09 - wrapping css Advanced CSS&Sass 09 - wrapping css
Browoser Supportit means: if the clip-path or webkit-clip-path in parentheses apply for the browser, then, apply the fol
2022-12-10
Advanced CSS&Sass 07 - media query Advanced CSS&Sass 07 - media query
max- and min- width in media query in desktop-first, using max-width in media query in mobile-first, using min-width in
2022-12-08
Advanced CSS&Sass 06 - radial-gradient, ease function, paragraph CSS, :target Advanced CSS&Sass 06 - radial-gradient, ease function, paragraph CSS, :target
radial-gradient and linear-gradientradial: linear: ! translate could not be applied on inline elements eg: there is an
2022-12-06
Advanced CSS&Sass 05 - clip with linear-gradient, placeholder css and pseudo class, inherit in input Advanced CSS&Sass 05 - clip with linear-gradient, placeholder css and pseudo class, inherit in input
Make color clip using linear-gradientbackground-image: linear-gradient(100deg, rgba($color-white, .9) 50%, trans
2022-12-03
Advanced CSS&Sass 04 - background-blend-mode, object-fit and video Advanced CSS&Sass 04 - background-blend-mode, object-fit and video
choose direct children element VS choose all elements below Use background-blend-mode:this attribute only takes effect
2022-12-01
Advanced CSS&Sass 03 - background-clip, outline and flipping card Advanced CSS&Sass 03 - background-clip, outline and flipping card
background-clip and transparent coloruse the combination of: background-image: url(../../img/hero.jpg); -webkit-backgr
2022-11-29
Advanced CSS&Sass 02 - BEM, Basic Sass Advanced CSS&Sass 02 - BEM, Basic Sass
BEM class naming system Transform a normal CSS to BEM: old: to new: Differnece between @include and @extend in sass:wr
2022-11-26
3 / 5