《CSS深入理解之vertical-align》是慕課網提供的慕課課程,授課老師是張鑫旭。
基本介紹
- 中文名:CSS深入理解之vertical-align
- 授課老師:張鑫旭
- 類別:慕課
- 提供方:慕課網
課程簡介,課程大綱,
課程簡介
本課程將帶領大家深入的理解CSS中的屬性vertical-align所支持的各類屬性值們,會簡單介紹下vertical-align所存在的兼容性問題,也會分享一些開發中的實際套用經驗以及一些最佳的實踐效果
課程大綱
第1章 vertical-align家族基本認識
本章主要帶領大家初步的了解以下vertical-align支持的屬性值們
1-1 vertical-align家族基本認識 (08:43)
第2章 vertical-align起作用的前提
本章我們一起來探討下各種display水平元素vertical-align的表現
2-1 vertical-align起作用的前提 (14:10)
第3章 vertical-align與line-height之間的關係
本章主要講解從公用盒子模型和數組值關聯性解釋其親戚關係
3-1 vertical-align與line-height (13:15)
3-2 . vertical-align與line-height (15:05)
第4章 vertical-align線類屬性值深入理解
本章主要帶領大家深入理解vertical-align基線、頂線、中線和底線的表現
4-1 vertical-align線性類屬性值 (13:04)
第5章 vertical-align文本類屬性值深入理解
本章帶領大家深入理解vertical-align文本類對齊屬性值的表現
5-1 5. vertical-align文本類屬性值 (12:05)
第6章 vertical-align上標下標類屬性值深入理解
本章主要讓大家深入理解vertical-align上標下標類屬性值的表現
6-1 6. vertical-align上標下標類 (07:06)
第7章 vertical-align前後不一的作用機制
前面元素和後面元素的vertical-align值不一樣,該如何表現呢?
7-1 7. vertical-align前後不一的行為表現_x264 (12:06)
第8章 vertical-align的糟糕的兼容性
簡單介紹低版本IE瀏覽器們的非標準解析以及其他兼容性問題
8-1 8. vertical-align糟糕的兼容性_x264 (06:19)
第9章 vertical-align的實際套用
本章為大家分享一些實際套用經驗以及一些最佳的實踐
9-1 9. vertical-align的實際套用_x264 (06:25)