刘海鹤-2020-10-30
一、笔记
定位
页眉header
.bg{background-color: #0000FF}测试样式
position: sticky;粘性定位
position: relative;相对定位position: absolute;绝对(父相对子绝对)
position: fixed;固定位置
脱离原文档流:脱离原文档,在原地不动
瀑布流:脱离原来的定在原地不动
页面布局
整个页面.page
页眉.header
导航栏.naver
主页面.main
广告.adv
页脚.footer
测试样式.bg
<a href="javaScript:void"></a>空的连接
display: block;让行级标签有了块级标签的特征
display: inline-block;让行级标签有块级标签的自定义大小的特性依旧保留
行级标签不独占一行的特性
display: flex;弹性布局(主要在移动端用,微信小程序)
当优先级一样时想要显示他的优先级后面加!important
二、心得
在今天的学习中,我看到了一个完整的页面百度页面的组成,本来还能跟上老师的节奏
但是后来,老师节奏快了就没有跟上,但是我还是努力地跟上老师的节奏,其他的还好,就
是作业太难了,我一个百度的页面都没搞明白,来了一个更高大上的网页页面,我感觉自己
还没有那个自独立做一个网页的能力
近期评论