CSS学习总结2

在上一周的前端学习中，基于我对css有了初步的了解情况下，我又深入的学习了css的知识。首先css的作用主要分为七大类：颜色类，距离类，尺寸类，位置类，文字排版类，变形/动画类，其他属性。先说说颜色类，color是用来设置文本本身颜色，background-color是用来设置盒子本身的颜色，opacity/rgba可以设置背景的透明度，但是rgba是背景透明，文字不透明，而opacity则是整个元素都透明。距离类里又分为外边距margin，内边距padding，边框border，元素与元素之间的缝隙gap。尺寸类里有宽高width/height，限制最小最大尺寸min-/max-，还有一个特殊设置：box-sizing:border-box是一个让盒子等于设置的宽度，不会被外边距和内边距撑大盒子的一个设置。位置类里则有display的flex弹性设置和grid的网格布局，它们可以很好的替代float 浮动的弊端，还有position的相对位置，绝对位置，top/right/bottom/left的上下左右偏移。文字排版类里有font-size字号，font-weight字重，font-family字体，以及line-height的垂直居中神奇行高，水平对齐text-align，还有overflow的控制换行与省略号。变形/动画类里则有transition的平滑过度。还有一些其他属性比如border-radius设置边框角度也是常用的，box-shadow是设置阴影。以上都是对css的一些更深入的了解，当然，css需要学习的还有很多，我也会由浅入深的去了解，学习。