对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,重中之重!

回归基础!!!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值