发表于: 2019-12-01 21:18:13

1 1251


今天完成的事情:


任务12,重写任务5,6   学习变量   简单跟着教程写,试了一下基础的(变量今天没用) 


变量


在{ 内的变量 只用于框内元素  对其他元素不生效}



在框外 可以用于所有元素




sass的变量名可以与css中的属性名和选择器名称相同
中划线下划线 都可以 不影响相互引用




+ 相邻兄弟选择器  有同一个父级元素
比如 p + p { color: red;}
<div>
<p>我是测试用的文件</p>
<p>我也是测试的</>
</div>





任务5 没按以前的思路来


页头页尾 固定定位  浮动 弹性盒子  自我介绍和小框框绝对定位  父元素相对定位




     


纠结的点是这个背景图   让他随页面自适应 



     缩小的时候差不多标准  



现在在研究字体   



这个想让图片字体自适应 字体的办法还没找到  应该可以利用媒体查询


链接  https://zhuchunyu1995.github.io/xzy/css/task12/task12-a.html







下面的还是老办法定位弄得  缺点效果就是缩小后的图片居中问题  明天解决掉


链接 https://zhuchunyu1995.github.io/xzy/css/task12/task12.html










重写任务七给按钮加了hover  页头和页尾固定定位  内容区用弹性盒子做的



成果链接:https://zhuchunyu1995.github.io/xzy/css/task12/task12-1.html



大概就是这种思路吧    难点不多  就是卡在下拉框那了    把原生的按钮去掉了 想换个好看的按钮  用相对绝对定位 定位好之后 缩小下拉栏就出现问题了



后来把px 改成 百分比 就正常了   







做到一半 明天继续




明天计划的事情:

继续学习sass  做任务13  加入变量相关属性


遇到的问题:


收获:

对之前的任务印象更深刻  对学到的知识运用更灵活


返回列表 返回列表
评论

    分享到