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）