韓順平最新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

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

以上是韓順平最新CSS3影片教學的源碼課件的詳細內容。更多資訊請關注PHP中文網其他相關文章！