我是靠谱客的博主 美好小蘑菇,最近开发中收集的这篇文章主要介绍前端CSS常见学习要点总结,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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

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

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

    flex弹性布局

    通过margin计算

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

    transform:translateX(-50%);

    display:flex;

·  弹性布局(一般用在移动端,在PC端要慎用,PC端尽量不用)

·   媒体查询 

<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);

        }

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

最后

以上就是美好小蘑菇为你收集整理的前端CSS常见学习要点总结的全部内容,希望文章能够帮你解决前端CSS常见学习要点总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(36)

评论列表共有 0 条评论

立即
投稿
返回
顶部