為什么覺得前端的CSS很難？這應該是我剛開始想從事前端開發時遇到的問題，難就難在對標簽屬性掌握的不全，什么時候該用哪個標簽想不起來，我想你也應該是遇到跟我一樣的問題。

問題所在

“工欲善其事必先利其器”，如果你想寫出很好看的靜態頁面，這里不包括頁面的JS交互，就必須掌握頁面的CSS布局，然后對其DOM結構進行CSS編寫，從而讓它變得規整，好看起來，那么在這中間就需要大量的CSS標簽。

找到問題所在，就要對癥下藥（例如，你想要讓DIV中的幾個div均勻的分布在一行，并且隨著屏幕的寬度自動排版，不會出現div亂跑的結果，這時候你就要用到display：flex CSS屬性，如果想要各個瀏覽器都兼容，你就要針對不同的瀏覽器寫不同的CSS屬性，例如針對Google，就要寫display：-webkit-flex等等）。

所以說一定要對CSS的那些標簽屬性了如指掌，那樣下次你找到問題所在后，你就可以想到用什么CSS標簽，試想，你連那些CSS屬性代表什么含義都不知道，你如何去用它。

因此把那些CSS標簽好好過一遍，這樣以來，下次想寫什么布局，想實現什么的樣式，你就會想到該用什么CSS標簽。

學習方法

跟你說說我那時候學習CSS的方法，我再W3C菜鳥教程上把所有的CSS標簽都認真過了一遍，簡單的應用了一下，并沒有組合起來使用。

過了一遍后，我就還是挑選一個完整的頁面，寫的京東商城的頁面，仿照它的頁面寫了一下，全是靜態頁。按照它頁面的布局就開始寫，因為他已經有CSS樣式了，所以自己寫的時候，不會就看它寫的樣式，這樣一來又把所有的標簽過了一遍，還把所有的標簽整合起來使用了。

總之，熟能生巧，用的多了，自然就熟練了，那個地方改用什么標簽就知道了，還是練得少。

CSS只是前端路上的基石，最基礎的東西了，必須要掌握熟練，不然在前端路上很難走下去，如果連這也覺得難，那勸你還是放棄前端這條路吧。

CSS是一種用于屏幕上渲染html，xml等一種語言，CSS主要是在相應的元素中應用樣式，來渲染相對應用的元素，那么這樣我們選擇相應的元素就很重要了，如何選擇對應的元素，此時就需要我們所說的選擇器。在 CSS 中，選擇器是一種模式，用于選擇需要添加樣式的元素。選擇器主要是用來確定html的樹形結構中的DOM元素節點。

作為小白，在學習Python的時候，必然會走一定的彎路，有人在彎路上走丟了，有人走出了彎路。在此分享我的Python學習之路：

基礎部分：

（1）初始Python：

1. Python 簡介和發展歷史2. Python 優缺點3. Python 能做什么4. Python 環境搭建，命令行打印“Python 課程開始了！”5. PyCharm 安裝及使用6. 輸入、輸出7. 注釋

（2）數據類型

1. 變量是什么、變量命名方式2. 標識符有哪些3. 數據類型概述，Python有中哪些數據類型4. 數值類型5. 算數運算符、比較運算符、邏輯運算符、運算符優先級6. 數據類型轉換

（3）邏輯控制

1. 布爾類型2. if、if...else 、if...elif 、嵌套結構3. 猜拳游戲4. 字符串與切片5. 字符串常用函數6. while循環

（4）復雜類型和循環結構和算法

1. for和for ... else2. break 、continue3. 元組3. 列表概念及操作4. 集合5. 算法：冒泡排序6. 字典

（5）函數應用和遞歸算法

1. 文件操作概念2. 文件打開和關閉3. 文件讀寫4. 文件定位讀寫5. 文件重命名、文件刪除6. 文件夾操作7. 遞歸打印目錄8. 在指定目標中文件中追加內容（包含目錄、文件是否存在判斷）

（6）文件操作

1. 模塊簡介2. 使用標準庫中的模塊3. 自定義模塊4. _name_屬性5. 包6. 安裝及使用第三方模塊7. 異常概念8. 捕獲異常9. 異常的傳遞10. 自定義異常

（7）面向對象

1. 面向對象概念介紹2. 類和對象概念3. 類的定義和實例化對象4. 對象初始化狀態5. 魔方方法7. self8. 析構函數9. 訪問權限控制10. 面向對象練習之回合制小游戲

（8）繼承和多態

1. 單繼承2. 多繼承3. 重寫父類方法和調用父類方法4. 類屬性和實例屬性5. 靜態方法和類方法6. 動態給實例添加屬性與方法并使用__slots

（9）設計模式

1. 設計模式簡介2. 單例設計模式3. new()3. 簡單工廠4. 抽象工廠

進階部分：

（1）函數高級特性

1. 函數變量2. 生成器2. 閉包3. 裝飾器6. 匿名函數8. 偏函數9. 對象比較10. 深拷貝和淺拷貝11. 私有屬性12. 屬性property

（2）進程

1. 進程簡介2. 單任務，啟動進程實現多任務3. 封裝進程為進程池4. 進程間通信(Queue)5. fork創建進程6. multiprocessing創建進程

（3）線程和協程

1. 線程簡介2. 啟動一個線程3. 線程間共享數據4. 生產者與消費者5. 協程簡介6. 協程原理7. threading模塊創建線程8. 線程間通信9. threadLocal變量

WEB前端技術

（1）HTML

1. HTML簡介2. HTML總體結構3. HTML 5 和HTML 4的對比4. HTML 基本語法5. 常用標簽6. 練習案例：簡單登錄。客戶端向服務器端傳遞數據

（2）

1. CSS 3.0 簡介，盒子模型2. 引入CSS的三種方式3. 引入方式優先級4. CSS 選擇器5. CSS 各種屬性6. CSS 偽選擇器7. 練習案例：完善頁面效果。注冊信息發送給客戶端

（3）

1. JavaScript簡介2. JavaScript執行原理3. JavaScript 組成（三部分）4. ECMAScript核心語法：基本語法、數據類型、判斷語句、循環、類型轉換、數值類型判斷5. 內置對象6. 字符串常用函數

（4）

1. DOM對象：獲取元素的幾種方式2. BOM對象：彈出框、定時器、計時器

（5）

1. jQuery 簡介2. jQuery和JavaScript的聯系3. jQuery命名規則4. jQuery對象和DOM對象轉換5. 全部選擇器6. 動畫

（6）

1. jQuery中DOM操作2. 事件3. 循環遍歷4. 正則和表單驗證（大量練習）

Linux基礎

（1）Linux系統

1. Linux 發展歷史介紹2. 虛擬機安裝（快速演示）3. Cent OS 6.X 安裝（快速演示）4. 虛擬機快照和管理5. 常用命令6. 虛擬網卡概述，靜態IP設置7. 配置Python環境8. 安裝MySQL（解壓版或yum）

（2）Redis單機版操作

1. NoSQL是什么，出現目的2. Redis 簡介3. Linux中JDK 安裝4. Linux中Redis 單機版安裝配置5. Redis 數據類型6. Redis 不同數據的命令操作演示7. Redis 的windows客戶端工具8. Python 連接Redis

（3）Redis集群操作

1. 分布式概念2. 集群概念3. 什么場景適用集群4. 集群搭建5. Python連接Redis集群

6. 案例：緩存首頁菜單內容

數據庫基礎及性能優化

（1）MySQL與Python交互

1. MySQL 初識2. MySQL 安裝（不占用課時）3. MySQL 命令行工具簡單實用4. MySQL 客戶端工具Navicat使用5. MySQL 命令執行原理6. 創建、刪除數據庫命令（帶編碼字符集）7. 列類型8. 創建、刪除表命令9. 約束：主鍵約束、唯一約束、非空約束10. 單條數據CRUD11. 練習案例：Python連接MySQL實現單表CRUD

（2）MySQL查詢

1. 分組查詢2. 聚合函數3. 內置函數4. 分頁查詢5. 排序6. 視圖7. 索引

（3）MySQL 多表查詢

1. 主外鍵約束2. 關聯查詢（內連接、外鏈接）3. 自關聯4. 子查詢5. 事務

（4）MySQL高級應用

1. MySQL慢查日志的開啟方式和存儲方式2. MySQL慢查日志分析工具之mysqldumpslow3. MySQL慢查日志分析工具之pt=query-digest4. 如何通過慢查日志發現有問題的SQL5. 通過explain查詢和分析SQL的執行計劃

6. SQL優化：Count()和Max()的優化、子查詢的優化、group by 的優化、Limit查詢的優化、索引優化

Python Web框架Django

（1）Django入門

1. Django簡介2. Django環境搭建3. Django-Hello World4. 顯示登錄頁面5. Get方式登錄功能6. Post方式登錄功能7. 注冊功能8. 顯示注冊頁面9. 處理注冊功能

（2）Django數據庫連接與分頁

1. admin后臺管理類操作數據庫2. 查詢所有信息3. 登錄功能（連接MySQL）4. 影片展示5. 影片展示（原生分頁）6. Django分頁7. 頁碼翻頁功能

（3）ORM

1. 單表查詢CRUD2. 創建數據庫表3. 一對一的關系4. 一對多的關系5. 多對多的關系6. 學生注冊功能

（4）多表操作

1. 查詢班級信息_學生詳情2. 自定義Manager1(查詢)3. 邏輯刪除_單個對象刪除_多個對象刪除4. 自定義Manager3(create)5. 分析Manager.create執行過程6. 多表插入（重寫save）

（5）高級查詢

1. 聚合函數_分組聚合查詢2. 原生查詢3. Q查詢_F查詢4. Django事務_查詢兩個特性5. 配置URL6. 請求和響應對象

（6）上傳與下載

1. 文件上傳2. 文件下載3. 重定向_錯誤訂制頁面4. Cookie語法5. 三天免登錄

（7）Session

1. Session語法2. Session應用（顯示個人信息）3. jsonpickle序列化隱藏字段4. 讀取靜態文件5. django引入靜態文件

（8）模版使用

1. 模板渲染底層原理2. 模板標簽語法3. 過濾器4. 自定義過濾器5. 全局上下文

（9）CSRF

1. 模板繼承_CSRF原理2. 畫圖分析CSRF原理3. 自定義中間件4. 分析CSRF源碼5. 修改Admin后臺頁面布局

（10）Ajax

1. 表單類2. 表單校驗（表單類）3. 表單校驗（JS原生校驗）4. AJAX語法5. 用戶名唯一校驗（ajax）

最后學習， pythonWeb另外兩大框架： Flask、Tornado。

css中的所有元素都是選擇器，不論新元素還是舊元素，都是對標簽的選擇。