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

news/2024/7/5 21:15:01

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

回归基础!!!



http://www.niftyadmin.cn/n/1659601.html

相关文章

登陆界面一个简约的模板及问题注意事项

1.在写一个简约的界面时&#xff0c;body主题概况背景颜色设置为两种&#xff0c; 即&#xff1a;“白色—#fff 或 灰色—#ccc”&#xff1b; background-color:#fff; || background-color:#ccc; 2.<section> 标记 定义一个区域 <article> 标记定义一个文…

cmd命令实现对MySQL的操作

前言 MySQL是一个很常用的数据库&#xff0c;今天我们一起来了解一下通过cmd命令如何实现对数据库的增删改查的操作。 SQL的分类 缩写全称解释DDL数据定义语言与数据库/表结构: create, drop, alteDML数据操纵语言操作表数据 insert update deleteDCL数据控制语言设置用户的访…

2016-5

发个博客&#xff0c;总结下这一个多月来自己的收获&#xff0c;感想....... 五月&#xff0c;重新整顿了“第二课堂管理系统”&#xff0c;开始养精蓄锐&#xff0c;打造一个全新的网页模板系统&#xff0c;以便于自己以后在大四 学习实习以及工作中&#xff0c;铺下一个坚硬…

ionic创建项目及其项目结构

前言 ionic是一个移动应用程序的框架&#xff0c;对于现在来说&#xff0c;使用的还是相当广泛的。 创建项目 1.安装node.js 因为之前安装过Vue并且对环境变量进行了配置&#xff0c;所以此处不详讲安装node.js。 2.安装cordova ionic cmd命令窗口运行npm install -g cordova …

ionic新加页面并实现路由跳转

前言 创建一个ionic的项目&#xff0c;默认下方只有3个tab页&#xff1a;tab1, tab2, tab3&#xff0c;如果想要加上tab4和tab5&#xff0c;这时候就涉及到了路由跳转。 新加页面 1.运行命名ionic g page tab4&#xff0c;就会在src/app下新建一个tab4的模块&#xff1b; 2.在…

ionic自定义公共模块

前言 一个好的软件应该把公共的内容给封装起来&#xff0c;达到封装的效果。 自定义模块 1.创建公共模块及组件 ionic g module module/slide ionic g component module/slide2.暴露对应的组件 3.用到的地方引入自定义模块 4.使用自定义模块 如果自定义的公共模块中使用ionic…

javascript的进阶性学习——知识点巩固

1.document.write() 和 alert() 区别&#xff1a; 在javascript学习中&#xff0c;输出一串字符采用 document.write("......"); 在弹出对话框时&#xff0c;可采用alert("登陆成功&#xff01;"); 注意&#xff1a;document对应的是输出语句字符串&am…

ionic4页面生命周期

前言 生命周期钩子函数在开发过程中起着很重要的作用&#xff0c;ionic中也提供了生命周期函数。 触发的顺序 总结 了解生命周期函数的意义与触发时间&#xff0c;在开发过程中的界面加载与路由跳转起着重要的作用。