发表于: 2017-03-09 23:43:04
1 657
今天完成的事:
终于把input的表单做完了。进行了很多细节上的调整,完成了任务4。
明天计划的事:
开始任务5的学习。学习使用link标签。
问题:
给input插入图片以及对表单绝对定位和相对定位的使用,老是脱离文本流,主要是卡在这两个点上。
收获:
1.绝对定位和相对定位的使用,慕课网专门有讲。
2.input插入图片的方法:
background-image:url/*引入图片*/
background-repeat:no-repeat/*设置图片不重复*/
background-position:/*图片位置*/
background-size:/*图片大小*/
3.取消input的边框和点击出现的蓝色边框:border:none,outline:none
4.固定浏览器边缘的方法:margin:0
5.CSS的书写顺序,现在代码越写越多,规定顺序养成习惯很重要,从上到下:
位置属性(position, top, right, z-index, display, float等)
大小(width, height, padding, margin)
文字系列(font, line-height, letter-spacing, color- text-align等)
背景(background, border等)
其他(animation, transition等)
评论