伺服器端返回的就是乙個字串,瀏覽器根據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 明天將繼續這一塊的工...