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）