day13 雷神 前端01

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

伺服器端返回的就是一個字串,瀏覽器根據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,字串要加,讓整個字串不轉義。

前端day 01

目錄標籤分類2 什麼是前端 任何與使用者直接打交道的操作介面 都可以稱之為前端 ed 電腦介面 手機介面 平板介面 什麼是後端 真正的幕後操作者 為什麼要學前端 1 技多不壓身 2 全棧工程師 前後端都會 c s b s 本質也是c s 統一介面 瀏覽器輸入 回車發生了什麼事 1 朝著指定的伺服器地址...

day21 雷神 django第四天

解決兩個事情 不想重複提交,資料重置 校驗規則 流程 1 建立form元件對應的類,比如loginform 2 views login if get請求 form obj loginform return render request login html 由form obj渲染form表單的有效控...