CSS1:CSS难学与好学,CSS学习方法

CSS1:CSS难学与好学,CSS学习方法

1.CSS难学与好学

1.1CSS为什么难学

• CSS 属性很多，难以一次性记下来
• CSS 属性之间互相影响，难以完全掌握
• CSS 核心概念都写在文档中，但是如果不熟悉一些英文词汇，很难短时间看完 CSS 文档
• CSS 升级很快，如果学得太慢，会很有挫败感

1.2CSS好学

• CSS 常用套路并不多，不外乎布局、居中、文字省略、位置变换、动画过渡等。
• 只需要熟悉常用套路，足以应付日常工作（包括阿里巴巴、腾讯这些公司的日常工作）
• 现在的公司更喜欢 JS 好的程序员，对 CSS 要求不高，面试题也很基础。
• CSS 中没有复杂的逻辑，记忆型知识较多，只要多做 demo 会看文档就可以掌握 CSS

1. 布局需要会的套路:
   
   学会简单的常用的布局即可,如果需求来了,再学难的布局.
2. 居中需要会的套路
   看我的博客:CSS完全居中指南
   一般在内部元素用padding就可以垂直居中.很少遇到父元素宽高固定的情况,因为父元素总是被子元素撑开,如果父元素宽高固定,说明代码写的不好,尽量避免.
   把外面的高度固定,然后再去修改里面的元素,特别傻,一定要从里往外写,比如给里面的元素加padding,撑开父元素,用来垂直居中(如果要inline完全居中,左右居中用text-align:center,然后用上下居中用padding来撑开)
   只要记住这两种居中,可以适用于一切工作中的垂直居中,其他的都是炫技.
   
3. 巧用工具:
   谷歌搜索CSS3 Generator
   比如搜索box-shadow generator,渐变Generator.

1.3学好CSS的方法

学会套路,布局,居中,响应式等等,总结常用用法在博客里,边用边学.
每学一个CSS,直接搜张鑫旭的CSS.

记住几个常见的写法即可：两种水平居中、三种垂直居中、两种左右结构、两种左中右结构、一行省略、多行省略
别人研究出来我直接用即可（animate.css）