黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(定位,显示与隐藏)
生活随笔
收集整理的這篇文章主要介紹了
黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(定位,显示与隐藏)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、基礎班學習路線
三、CSS基礎
1.CSS定位
為什么需要定位
定位組成
靜態定位static
相對定位relative
絕對定位absolute-與父級有關
絕對定位脫標的不占有原來位置
子絕父相的由來
子絕父相案例-hot模塊
固定定位fixed
固定定位小技巧-固定到版心右側
粘性定位sticky
定位總結
定位的疊放順序
絕對定位的盒子居中算法
定位的特殊特性
浮動元素不會壓住標準流的文字,定位會
2.綜合案例-淘寶焦點圖
布局分析
大盒子制作
左側箭頭按鈕制作
右側箭頭按鈕制作
所以刪掉并集選擇器中的left
ul盒子模塊制作
li小圓點模塊制作
3.網頁布局總結
標準流 :
浮動 :
定位 :
4.元素的顯示與隱藏
元素的顯示與隱藏
display顯示隱藏元素
是隱藏不是刪除,在審查元素時仍然有這個元素存在
visibility顯示隱藏元素
overflow溢出顯示隱藏
總結
5.綜合案例-土豆案例
總結
以上是生活随笔為你收集整理的黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(定位,显示与隐藏)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Deleting Edges 思维 最短
- 下一篇: AcWing算法提高课 Level-3