css3相关

CSS3边框(常用)

border-radius

box-shadow

border-image

 

CSS3背景(常用)

background-image

background-size

background-origin

background-clip

 

CSS3渐变

Linear

Radial

 

CSS3文本效果

text-shadow

box-shadow

text-overflow

word-wrap

word-break

 

CSS3 字体

@font-face

 

CSS3 2D3D转换

transform

transform-origin

2D:translate,rotate,scale,skew,matrix

3D: translate3d,rotate3d,scale3d

 

CSS3过渡

transition

 

CSS3动画

@keyframes

animation

 

CSS3弹框盒子(flex重点 阮一峰老师有一个flex系列)

常用属性

display: flex;

justify-content: flex-start;

align-content: center;

flex-direction: row;

 

CSS3媒体查询(@media 适配)

@media screen and (max-width: 300px){}

其他适配单位 rem,em,vw,vh

 

CSS3 属性选择器,伪类(常用)

a[src*="abc"]

:first-of-type

:last-of-type

:nth-chaild(n)

:nth-of-type(n)

:last-child

:not(selector)

 

css相关问题:页面回流和重绘

 

posted @ 2020-02-07 16:42  前端小厨-美食博主  阅读(115)  评论(0编辑  收藏  举报