day13 雷神 前端01

2022-08-05 11:39:12 字數 3041 閱讀 3939

伺服器端返回的就是乙個字串,瀏覽器根據html規則去渲染這個字串。

html 是超文字標記語言,相當於定義統一的一套規則,大家都遵守它,這樣就可以讓瀏覽器根據標記語言的規則去解釋服務端返回的字串。
基本結構

# 定義html文件的型別,其實就是一套對應規則,這是推薦規則,相容性最好之一。

#是否翻譯網頁# 身體

寫html的時候,一般都現在本地除錯好html檔案,直接放到伺服器上就能用了。

head

body

分類:

塊級標籤:h1-h6、p、dic等。

行內標籤:a、span、select等

自閉和標籤:meta、input

所有標籤都可以定義的屬性:id、style、name

特殊標籤屬性:

a: href,target

符號:

> > 

< <

p和br:

p表示段落,預設段落之間是有間隔的。

br: 換行

a標籤

本地檔案

錨,示例:

看第二章

第一章第二章

input系列

hr 分割線

多選框單選框 name相同,才又互斥的作用;所有的標籤都可以有name屬性

選擇檔案

沒有再form標籤裡button和submit是一樣的。

form標籤

提交的資料放到乙個form裡才能提交到另外乙個地方

提交的時候要用到name屬性,構建字典,來讓服務端接收到字典資訊。

textarea

文字區域

label標籤

讓乙個文字跟乙個標籤產生乙個對應關係

label裡的for指定乙個標籤的id

列表標籤

ul、ol、dl

ul沒有序號

ol有序號

dl裡面不是li,是dt標題,和dd內容。

選擇器

class選擇器   .tt  class='tt'

id選擇器 #tt id= 'tt' 一般不用id選擇器,因為id唯一,逝去了重用性

標籤選擇器 a

background屬性

background-image:缺省會平鋪,鋪滿

background-repeat: no-repeat/repeat-x/repeat-y

background-position: 相當於一張紙扣個洞,在紙下邊

display屬性

none  不顯示

block 塊級

in-line 行內

cursor屬性

cursor:pointer 滑鼠變成小手

border屬性

border: 1px solid red

浮動

寬度針對父標籤;

解決辦法:

.clearfix:after # 後邊加行內的東西

4、 4.給父元素新增overflow:hidden 推薦使用

position屬性

fixed  固定,針對視窗

absolute 絕對,

relative 相對

定位absolute在其父標籤有relatice屬性的時候,在父標籤定義位置處。

padding和margin

padding 內邊距

margin 外邊距

1、

.top
re模組

示例1、

李[^和]*	  李傑和李蓮英和李二棍子	李傑

李蓮英李二棍子

表示匹配乙個不是"和"的字元任意次

示例2、

^[1-9]\d(\d[0-9x])?$

現在不會匹配錯誤的身份證號了

()表示分組,將\d[0-9x]分成一組,就可以整體約束他們出現的次數為0-1次

^([1-9]\d[0-9x]|[1-9]\d)$

表示先匹配[1-9]\d[0-9x]如果沒有匹配上就匹配[1-9]\d

示例3、

.*?x

就是取前面任意長度的字元,直到乙個x出現

re模組下的常用方法:

如果用r進行取消轉義的話:

ret = re.search(r'/?[^\s]*',r'/?username=houbinglei&phone=123456&pwd=&verifycode=123456').group()

print(ret)

兩邊都得加r,字串要加,讓整個字串不轉義。

前端學習Day13

一.如果考慮相容最小高度的設定 了解 1.正常專案中 最小高度直接用min height即可。如果考慮相容 min height 在ie6不相容,ie6預設把height解析成最小高度。注 如果height 和 min height同是出現,執行height固定高度。2.最小高度的相容設定方法 了解...

每日演算法 day 13

那些你早出晚歸付出的刻苦努力,你不想訓練,當你覺的太累了但還是要咬牙堅持的時候,那就是在追逐夢想,不要在意終點有什麼,要享受路途的過程,或許你不能成就夢想,但一定會有更偉大的事情隨之而來。mamba out 2020.2.25 記錄下來自己做題時得思路,並不一定是最優解 暴力。應該會有更好得方法 i...

每日總結 Day13

activity跳轉 如果分屏之後,想跳轉進入的目標activity展示在另一半的螢幕中,則需要設定以下flag intent.addflags intent.flag activity new task intent.flag activity launch adjacent 明天將繼續這一塊的工...