发表于: 2019-12-07 22:02:56
1 1052
第一:今天完成的事:
1,完成task3要求内容;http://116.62.145.230/task3/logins.html
其中,在师兄的提醒下将css放入特定文件进行外联引用;并且学到了在要求适应不同大小屏幕的同时保证页面内容文本字体保证不变,使用rem作为相对单位,使得网页内元素相对于根元素,而不会随网页变化而变;
2,对git的复习使用:
2.1git pull origin master
2.2.git init (已经初始化过的可以跳过)
2.3.git remote add origin ssh://<yourgitssh>
2.4.git add <filename>
2.5git commit -m 'testst'
2.6.git push -u origin master
3,完成task4: http://116.62.145.230/task4/page.html
其中,首先遇到的的是,
3.1,图片与<input>控件处于同一行不能对其的情况,随后,首先想到使用浮动进行解决,但是后来也导致后面的元素受到浮动的影响,后来为其设置合适的内边距之后,出乎意料的解决了;当然,也可以通过其他方式进行对图片元素的处理,比如,设置外边距的方式;
3.2,对元素边框长度的任意调节,有使用伪类的方式进行控制(https://blog.csdn.net/qq_42896120/article/details/87780861);有使用空白div的方法,设置合适的长宽以及背景颜色实现,还有利用盒模型进行合适的margin调节,让margin与的其包含的padding边界,有一定合适距离达到目的;
3.3,锚元素<a>的颜色设置,(使用伪类:a: link {color: xx ;})
3.4,使用(border:none)消除边框的元素在点击时有蓝色边框出现;(消除办法:https://blog.csdn.net/leleccccc/article/details/86433168)
第二,明天的任务,
1,完成task5;
2,对task6的预习;
评论