ife 學習筆記(1) Task01

2021-07-12 04:24:24 字數 702 閱讀 6436

任務三:三欄式布局/任務四:居中布局

理解position的含義(事實上在這個例子中似乎作用不大)

float的用法:div以左右中布局,左右採用float,中間採用左右距離的margin使其實現自適應

浮動的消除:在container容器中新增清楚浮動的屬性:overflow:auto

calc() :

calc()能讓你給元素的做計算,你可以給乙個div元素,使用百分比、em、px和rem單位值計算出其寬度或者高度。

比如說:width:calc(50% + 2em)

這樣一來你就不用考慮元素div的寬度值到底是多少,而把這個煩人的任務交由瀏覽器去計算。

通常用於一些百分比的計算,要注意的是在使用加減號的時候,注意符號前後要有空格,否則判定無效。

box-sizing:

預設屬性為content-box, 沿襲w3c的box model

element width = width + padding + margin + border

防止撐破布局的話,可以使用border-box屬性,element width裡面就已經包括了border+padding+margin

calc() 參考資料:

box-sizing 參考資料:

css基礎 ife學習筆記

text decoration屬性,可以跟多個屬性值,並且都會實現。值得注意的是,其中的乙個值為blink,現在沒有主流瀏覽器支援。text transform,對於文字的大小寫的控制,選項值有uppercase 全部大寫 capitalize 首字母大寫 lowercase 全部小寫 以及none...

機器學習Task01

x,y 輸入資料,array like,shape n,s 點的大小 標量或array like,shape n,可選 大小以點數 2。預設是rcparams lines.markersize 2。c 點的顏色 順序或顏色順序,可選,預設 b c可以是單個顏色格式的字串,也可以是一系列顏色 規範的長...

Task1 pandas基礎學習筆記

pandas應用的主要方向在於對資料的整理,pandas基於numpy,具有十分強大的資料整合功能,在生成series及dataframe時,都以二維列表的形式展現,下面主要介紹各種基本函式 為了方便,使用head 函式,使用該函式提取前5個資料,比較具有代表性 1.csv檔案 df pd.read...