《Python web開發》筆記 三 CSS基礎

2021-09-17 01:13:18 字數 1507 閱讀 8047

- 萬用字元選擇器  *

- id選擇器(id #)

- 類選擇器(class .)

- 元素選擇器(e)

- 後代選擇器(e f)

- 子元素選擇器(e>f)

- 相鄰兄弟元素選擇器(e+f)

- 群組選擇器(selector1,selector2,...,selectorn)

- nth選擇器:

fist-child: 選擇某個元素的第乙個子元素

last-child: 選擇某個元素的最後乙個子元素

根據樣式所在位置:!improtant > 內聯樣式 > style標籤 > link標籤。

計算方式:

乙個行內樣式+1000,乙個id+100,乙個屬性選擇器/class或者偽類+10,乙個元素名,或者偽元素+1。其他規則見拓展閱讀。

box-sizing:border-box:此時元素的內邊距和邊框不再會增加它的寬度,更便於理解和計算。

- 背景:

background-color:#9cbfcc;

background-repeat: repeat;

background:url('images/grass.png');

background-size: contain;(完全限制的設定的大小內部)

- 方位:

padding: 0 20px 30px 0 (上 右 下 左)

margin-right: 10px;

text-align:left;

display:block;(in-line,inline-block)

- 字型:

font-family: 字型

font-size: 大小

- 邊框:

border-radius: 圓角半徑設定

border: solid 8px rgb(210, 157, 65); 樣式,粗細,顏色

設定了相對定位之後,通過修改top,left,bottom,right值,元素會在自身文件流所在位置上被移動,其他的元素則不會調整位置來彌補它偏離後剩下的空隙。

設定了絕對定位之後,元素脫離文件流,其他的元素會調整位置來彌補它偏離後剩下的空隙。元素偏移是相對於是它最近的設定了定位屬性(position為relative或者absolute,值不為static)的元素。

設定了固定定位之後,元素相對的偏移的參考是可視視窗,即使頁面滾動,元素仍然會在固定位置。

重心修改:

transform: translate(-50%,-50%),座標原點從左上角改到了中心位置。

該筆記源自網易微專業《python web開發》1.4、1.5、1.6、1.7節

本文由everfight創作,採用 知識共享署名 3.0 中國大陸許可協議進行許可。

iPhone開發筆記(三)

11 iphone中變數值是否等於字串的判斷方法 objective c string1 isequaltostring 123 12 iphone的framework的目錄 mac developer platforms iphoneos.platform developer sdks iphon...

Android 開發筆記

版本控制的注意事項 以下資料夾不要加入版本控制 bin bin是編譯的二進位制檔案的存放路徑 gen gen是android需要的資源檔案的原始檔存放的目錄 使用svn的時候要注意專案編譯的問題 在編譯的時候程式會把src資料夾裡面的檔案拷貝到bin裡面,但是svn是每個資料夾裡面都包含乙個隱藏的....

ORACLE 開發筆記

oracle 日期 submitdate datetime.parse submitdate tostring d m月 yyyy to date 2002 01 02 yyyy m dd select count 1 from l perm where cancel y and sysdate p...