前端第一周,視屏登入介面

2021-10-09 05:50:34 字數 3077 閱讀 8200

lang

="en"

>

>

charset

="utf-8"

>

>

登入title

>

rel=

"stylesheet"

href

="css/login.css"

>

href

=""rel

="stylesheet"

>

head

>

>

class

="cover"

>

class

="login-box"

>

class

="title"

>

>

手機快捷登入h1

>

div>

class

="login-form"

>

class

="input-group"

>

class

="label-icon fa fa-mobile-phone fa-2x"

>

i>

type

="text"

class

="input-box"

placeholder

="請輸入手機號"

>

div>

class

="input-group seekbar"

>

>

請按住滑塊.拖動到右邊span

>

class

="thumb"

>

">>

">>

div>

div>

class

="input-group"

style

="margin-bottom

: 5px

">

class

="label-icon icon-vcode fa fa-id-card"

>

i>

type

="number"

class

="input-box input-vcode"

placeholder

="請輸入驗證碼"

>

class

="split"

>

span

>

href="

">

獲取驗證碼a

>

div>

class

="tips"

>

未註冊手機驗證後自動登入span

>

class

="btn-login"

>

登入button

>

div>

class

="footer"

>

class

="reg"

>

href="

">

賬號登入a

>

div>

class

="lis"

>

>

href="

">

「使用者協議」a

>

和href="

">

「隱私政策」a

>

span

>

div>

class

="unin"

>

>

>

href="

" class

="login-wechat"

>

class

="fa fa-wechat"

>

i>

>

li>

>

href="

" class

="login-qq"

>

class

="fa fa-qq"

>

i>

qq登入a

>

li>

>

href="

" class

="login-weibo"

>

class

="fa fa-weibo"

>

i>

微博登入a

>

li>

ul>

div>

div>

div>

div>

body

>

html

>

*

ul,ol,

li.cover

.login-box

h1.input-group

.label-icon

.input-group>*

.input-box

/*滑塊樣式*/

.seekbar

.thumb

.seekbar span

.icon-vcode

.input-vcode

.split

aa:hover

.tips

/*登入按鈕樣式*/

.btn-login

.btn-login:hover

/*切換登入方式連線*/

.reg

.reg>a

.reg>a:hover

.lis

.lis a

.lis a:hover

/*第三方登入*/

.unin

.unin>ul

.unin>ul li

.unin>ul li:not(:last-child)

.unin a

.login-wechat

.login-qq

.login-weibo

.unin i

第一周 前端基礎

超文字標記語言,標準通用標記語言下的乙個應用。超文字 就是指頁面內可以包含 鏈結,甚至 程式等非文字元素。超文字標記語言的結構包括 頭 部分 英語 head 和 主體 部分 英語 body 其中 頭 部提供關於網頁的資訊,主體 部分提供網頁的具體內容。html 標題 heading 是通過 h1 h...

python第一周心得 Python第一周總結

變數 不能為系統自帶的內建函式,如def,help,sum等等 變數不能已下劃線數字來開頭,對大小寫敏感 變數後直接接數字,則被賦值為整型,如何加引號則賦值型別為字串str型別 a 1 整型 int b 2 字串 str 用print 直接輸出 a hello print a 在 使用者想要同時輸出...

第一周周記

下面是整個文章的第二部分,日常的安利 這周的話,除了整體恢復正常,週末我也購置了我的第一塊外接鍵盤,這裡的話我選擇的是國產的靜電容鍵盤niz的plum 87鍵鍵盤。今天拿到這個鍵盤第一天,整體使用了一下,尺寸配合著15寸的蘋果macbook pro可以說恰到好處,除此以外,整個鍵盤還是給我不少驚喜的...