发表于： 2019-06-14 23:12:41
1 1006
今天完成的事情：今天写出来了任务4
明天计划的事情：明天上午完善任务4，提交后再巩固巩固学到的知识，尤其是表单着一块，下午进行任务5
遇到的问题：做任务3提前踩了不少任务4的坑所以今天挺顺的，遇到的一个问题，忘记清除登录按钮的样式了（在本地看没有效果，上传到服务器后发现有），等会搜一搜解决方法
收获：巩固了定位和浮动 了解了单位还没有摸透，下面是整理的笔记
l 浮动float：| left | right | both |bottom 假设有块元素A、B、C。
1. A、B(浮动)、C ---- 【B脱离标准流，A不是浮动，B位置不变，C的顶会贴上A的底、B覆盖与C重叠部分】2.A、B(浮动)、C(浮动) ---- 【B、C脱离标准流，A不是浮动，B位置不变，C在B横向后边】
3.A(浮动)、B(浮动)、C(浮动) ---- 【A、B、C脱离标准流，B、C在A横向后边】
l 清除浮动clear : none（允许两边都可以有浮动对象） | left | right | both
1.A(clear : right)、B --- 【B还是在A的横向后边】2.A、B（clear : left）----【B换行，在A下边】
总结：清除浮动只能影响使用清除的元素本身，不能影响其他元素。
参考：https://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html
l css常见单位
1. px像素 绝对单位2. em父元素font-size大小通常1em=16px（不建议使用）
3. rem根元素（html）的 font-size大小通常1rem=16px（使用时可以设置HTML{font-size:625%;}1rem=100px，（弃用font-size:62.5%;1rem=10px谷歌浏览器要求最小字体12px））
4. %基于父元素，多列布局使用
5. vw视窗宽度1vw=视窗宽度的1%
6. vh视窗高度，1vh=视窗高度的1%
返回列表
评论