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

CSS1：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