1. 程式人生 > >對div+css複習鞏固 —心得(簡單的使用者登入介面)

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

迴歸基礎!!!

相關推薦

div+css複習鞏固心得簡單的使用者登入介面

1.起初用最簡單的div+css 對於介面的排版以及調色顯得有點呆板,很low,太傳統與常規化,簡單的對齊與字型居中,介面太缺乏 創意與藝術色彩。 2.寒假學習了bootstrap基本的視訊 來學校最

DIV CSS遮罩層彈窗窗口

public lang flow filter click ans doctype xhtml over <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

ubuntu 安裝nvidia 驅動後無法進入桌面迴圈進入登入介面

開機,在 GRUB 選擇介面按 E,這時介面變成了一個編輯器。 在倒數幾行找到 ro quiet splash 然後刪掉quiet,改成text,接著按F10 這時你已進入作業系統(ctrl+alt+

soapUI快速入門測試一個登入介面

1、開啟soapUI。 2、新建一個專案,例項如下:       點選ok後在soapUI介面左側會顯示出此專案,如圖:    2、建立測試用例: a、新建用例組,選擇此專案右鍵,新建一個用例組,如下圖:        用例組建立好後,在testha

Ubuntu 安裝 NVIDIA 驅動後無法進入桌面迴圈進入登入介面

1,先按以下操作: 開機,在 GRUB 選擇介面按 E,這時介面變成了一個編輯器。 在倒數幾行找到 ro quiet splash 然後刪掉quiet,改成text,接著按F10 這時你已進入作業系統(ctrl+alt+F1-F6),輸入使用者名稱密碼登入

spring boot + mybatis + spring security自定義登入介面環境搭建

概述在前不久用了spring boot、mybatis、spring security搭建了一個工程,中間經歷了各種坑,最後得到一條經驗:spring的文件很詳細,入門最好以官方文件為準。這裡講的是以mav作為依賴管理工具pom搭建spring boot應用快捷的方式是在po

Android 基本控制元件的使用一使用者的登入介面

用到了三個基本控制元件分別是: TextView(文字框); EditText (輸入框); Button  (按鈕); activity_main.xml 中的程式碼 <LinearLayoutxmlns:android="http://schemas.a

井字棋遊戲C語言簡單思路人人戰版無圖形化介面

#include<stdio.h> #include<stdlib.h> #include<conio.h> #defineROW 3 #defineLINE 3 intsymbol1, symbol2, step; char a[10]; void

用CNN文字處理,句子分類簡單理解卷積原理

首先需要理解N-gram https://zhuanlan.zhihu.com/p/32829048對於在NLP中N-gram的理解,一元,二元,三元gram 大多數 NLP 任務的輸入不是影象畫素,而是以矩陣表示的句子或文件。矩陣的每一行對應一個標記,通常是一個單詞,但它也可以是一個字元。也就是說,每一

極光推送使用心得簡單使用

1.使用android studio 自動整合包 defaultConfig { ...... ndk { //選擇要新增的對應cpu型別的.so庫。 abiFilters 'armeabi

UVA10870—Recurrences簡單矩陣快速冪

src logs aps 矩陣 矩陣快速冪 分享 pow sizeof set 題目鏈接:https://vjudge.net/problem/UVA-10870 題目意思: 給出a1,a2,a3,a4,a5………………ad,然後算下面這個遞推式子,簡單的矩陣快速冪,裸題,

簡單馬爾可夫模型的實現簡單的機器學習

自然語言 index 馬爾科夫 ref item model not 次數 read 馬爾可夫模型(Markov Model)是一種統計模型,廣泛應用在語音識別,詞性自動標註,音字轉換,概率文法等各個自然語言處理等應用領域。經過長期發展,尤其是在語音識別中的成功應用,使它成

利用jmeter+JAVARPC的單接口dubbo接口等進行性能測試

統計 線程 public select esp des trace doc 重新 建立JAVA項目 建立maven項目,加入Jmeter所需要的JAR包依賴。 POM.xml 加入如下: <dependency> <groupId>

原生js解決圖片點擊左右切換簡單輪播圖

邏輯關系 element logs 內容 點擊切換 osi 圖片 width eight 想寫一個綜合性的小案例,主要會運用到數組和判斷以及我前面幾篇博客所復習到的js的知識。今天案例想要實現的效果圖如下圖所示: 效果是:點擊“循環切換”按鈕,那麽“一號”位置的文案就要

SqlServer參數化腳本與自動參數化簡單參數化

明顯 技術分享 width app 跟蹤 計劃緩存 dbcc bsp exec 如果執行不帶參數的SQL語句,SQL Server會在內部對該語句進行參數化以增加將其與現有執行計劃相匹配的可能性。此過程稱為簡單參數化(在SQL Server 2000中,稱為自動參數

編程之法:面試和算法心得奇偶調序

一中 gpo part exc java 面試 正常 序列 pre 內容全部來自編程之法:面試和算法心得一書,實現是自己寫的使用的是java 題目描述 輸入一個整數數組,調整數組中數字的順序,使得所有奇數位於數組的前半部分,所有偶數位於數組的後半部分。要求時間復雜度為O(n

五子棋的判斷輸贏規則 -- java編程簡單優化完整版

分享圖片 char pub class 完整版 image else http .com 五子棋的判斷輸贏規則代碼 —— 完整優化版   一、前言     之前瀏覽過很多網上的方法,但總找不到比較完整,也get不到其他大神的思路,就直接畫圖分析,分析了之後就有了如下

python模塊——random模塊簡單驗證碼實現

nbsp ice range randint bin return sage 驗證碼 span 實現一個簡單的驗證碼生成器 #!/usr/bin/env python # -*- coding:utf-8 -*- __author__ = "loki" # Usage:

CSU 1598 最長公共前綴 簡單KMP或者暴力

esp ret strlen != main 直接 整數 out get Submit Page Summary Time Limit: 1 Sec Memory Limit: 128 Mb Submitted: 226 Solve

HDU 2087 剪花布條 簡單KMP或者暴力

string abcde 都沒有 chm strlen oba bre while align 剪花布條 Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)