前端CSS常见学习要点总结

前期学习前段的时候，珊妹儿师傅给列的清单，拿来给大家作参考，一起学习！！！！

了解常用css，选择器等级，盒模型。

·  最基本最常用的样式：宽（width）、高（height）、文字相关样式（颜色（color）、水平垂直居中（text-align:center）、大小(font-size)、下划线（text-decoration: underline;）等等），边框（border）、内外边距(padding\margin)、浮动(float)、定位(position)、层级(z-index)、标签状态切换(display)相关等。

·  如何让块元素、行元素垂直水平居中的集中实现方法：

    flex弹性布局

    通过margin计算

·  常用的需要做兼容加前缀的css属性有哪些：

    transform：translateX(-50%);

    display：flex;

·  弹性布局（一般用在移动端，在PC端要慎用，PC端尽量不用）

·   媒体查询 

扫描二维码关注公众号，回复： 1787053 查看本文章

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

这段代码的几个参数解释：

• width = device-width：宽度等于当前设备的宽度

• initial-scale：初始的缩放比例（默认设置为1.0）  

• minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）    

• maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）   

• user-scalable：用户是否可以手动缩放（默认设置为no，因为我们不希望用户放大缩小页面） 

· 动画：.jiuhui img{
transition: all .3s;
        }
        .jiuhui:hover img{
        transform: scale(1.02);

        }

总结的不全面，还有好多知识点，等等等等.........................................................