发表于： 2019-04-25 21:52:55
2 814
今日学习：
1、完成任务四，使用盒子模型来布局。
2、学习了flex布局，但还没有使用。
3、阅读了CSS编程规范，发现我有许多不规范的地方。
收获：
1、任务四<header>标签里三处文字对齐方法：左右两处使用float属性分别向左右浮动，中间文字去掉外边框margin后会自动向上对齐。
2、使用 position:fixed 可以让顶部导航栏固定在顶部不随页面向下滚动而变化。
position:fixed 是相对与视窗固定。
仅使用 position:fixed 顶部导航栏会向下偏移（原因没有理解好），但是在后加上 top:0px 就可以解决这个问题。
块级元素使用 position:fixed 后还是块级元素，但是盒子的 width 不会固定位100%，而是会随着里边的元素变化。
使用 position:fixed 后元素会脱离普通流，这时直接加下一元素从web顶部布局，此时会被挡住，需要加一定的 上边框(margin-top)来布局。
3、输入表单前插入图片可以使用图片 float 或 position:absolute 表单加 margin 或 padding 的方法，也可以使用图片使用伪元素 :before 和 :after 表单加margin或padding的方法。
明日学习：
明天时间不是很多，尽量完成任务5。(使用一下flex布局)
返回列表
评论