一、基础班学习路线

三、CSS基础

1.CSS定位

为什么需要定位




定位组成


静态定位static

相对定位relative


绝对定位absolute-与父级有关

绝对定位脱标的不占有原来位置

子绝父相的由来

子绝父相案例-hot模块

固定定位fixed

固定定位小技巧-固定到版心右侧


粘性定位sticky




定位总结

定位的叠放顺序

绝对定位的盒子居中算法



定位的特殊特性


浮动元素不会压住标准流的文字,定位会

2.综合案例-淘宝焦点图

布局分析



大盒子制作

左侧箭头按钮制作



右侧箭头按钮制作





所以删掉并集选择器中的left

ul盒子模块制作

li小圆点模块制作


3.网页布局总结


标准流 :

浮动 :

定位 :


4.元素的显示与隐藏

元素的显示与隐藏


display显示隐藏元素


是隐藏不是删除,在审查元素时仍然有这个元素存在

visibility显示隐藏元素

overflow溢出显示隐藏







总结

5.综合案例-土豆案例







更多推荐

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(定位,显示与隐藏)