韓順平最新CSS3視頻教程的源碼課件

《韓順平 2016年 最新CSS3視頻教程》是對新的css技術，css3的技術講解，在css2的基礎上技術升級，效果更佳。CSS3是CSS技術的升級版本，CSS3語言開發是朝著模組化發展的。把它分解為一些小的模組。這些模組包括： 盒子模型、列表模組、超連結方式 、語言模組 、背景和邊框 、文字特效 、多欄布局等。

課程播放地址：http://www.php.cn/course/441.html

該老師講課風格:

教師講課生動形象，機智詼諧，妙語連珠，動人心弦。一個生動形象的比喻，猶如畫龍點睛，給學生開啟智慧之門；一種恰如其分的幽默，引來學生會心的微笑，如飲一杯甘醇的美酒，給人以回味和留戀；哲人的警句、文化的箴言不時穿插於講述中間，給人以思考和警醒。

本視頻中較為痛點是CSS3插入行內盒子了：

　CSS3引入的配置模式Flexbox布局，主要思想是讓容器有能力讓其子項目能夠改變其寬度，高度，以最佳方式填充可用空間。Flex容器使用Flex項目可以自動放大與收縮，用來填補可用的空閑空間。
　　更重要的是，Flexbox布局方向不可預知，不像常規的布局(塊級從上到下，內聯從左至右)，而那些常規的適合頁面配置，但對於支援大型或者複雜的應用程式就缺乏靈活性。
　　如果常規布局是基於塊和內聯文字資料流方向，那麼Flex布局就是基於“Flex-flow”方向。先來瞭解一下伸縮盒模型的一些專用術語。

主軸：Flex容器的主軸主要用來配置Flex項目。他不一定是水平的，這主要取決於fle-direction屬性。
　　主軸起點，主軸終點：Flex項目的配置從容器的主軸起點邊開始，往主軸終點邊結束。
　　主軸長度：Flex項目在主軸方向的寬度或高度就是項目的主軸長度，Flex項目的主軸長度屬性是width或height屬性，由哪一個對著主軸方向決定。
　　側軸：與主軸垂直的軸稱作側軸，是側軸方向的延伸。
　　側軸起點，側軸終點：伸縮行的配置從容器的側軸起點邊開始，往側軸終點邊結束。
　　側軸長度：Flex項目在側軸方向的寬度或高度就是項目的側軸長度，Flex項目的側軸長度屬性是widht或height屬性，由哪一個對著主軸方向決定。

　　Flex布局的文法規範經過幾年發生了很大的變化，也給Flexbox的使用帶來一定的局限性，因為文法規範版本眾多，瀏覽器支援不一致，致使Flexbox布局使用不多。Flexbox布局文法規範主要分成三種。

這裡還給大家推薦了源碼資源的下載：http://www.php.cn/xiazai/learn/2127

資源裡面給大家分享了視頻課件以及源碼