对div+css复习巩固 —心得(简单的用户登录界面)

1.起初用最简单的div+css

对于界面的排版以及调色显得有点呆板,很low,太传统与常规化,简单的对齐与字体居中,界面太缺乏

创意与艺术色彩。

2.寒假学习了bootstrap基本的视频

来学校最近一两个月把html5最基本的看完了。明白了bootstrap为最常规的响应式布局,适应于不同的

设备以及浏览器兼容性的问题,使得界面显得更加的美观,在css的使用中也显得得心应手。


注意:

1.在最基本的简单界面编写中,对于问题的排版的问题,需要采用百分比进行设置,注意大小的协调问题,

以及字体的适应的问题,使得美观化。

2.在使用bootstrap时,需要自己写一个css文件,对界面的格式进行设置,此外,注意界面的对齐问题,包

括字体跟排版的对齐问题。

3.在设置背景图片时,若引用,需要进行background-image:url(../images/7.jpg) ;

设置图片的大小尺寸时,即在指定的div里设置其长宽。

4.login1.png 与login2.png分别用简单的div+css和bootstrap写的,差别有点大,勿喷!!对div+css复习巩固 —心得(简单的用户登录界面)_第1张图片对div+css复习巩固 —心得(简单的用户登录界面)_第2张图片对div+css复习巩固 —心得(简单的用户登录界面)_第3张图片


         巩固好基础很重要,特别是div+css,重中之重!

回归基础!!!


你可能感兴趣的:(Web前端——html+css,web前端复习+面试)