- 萬用字元選擇器 *
- 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:此時元素的內邊距和邊框不再會增加它的寬度,更便於理解和計算。
設定了相對定位之後,通過修改top,left,bottom,right值,元素會在自身文件流所在位置上被移動,其他的元素則不會調整位置來彌補它偏離後剩下的空隙。- 背景:
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); 樣式,粗細,顏色
設定了絕對定位之後,元素脫離文件流,其他的元素會調整位置來彌補它偏離後剩下的空隙。元素偏移是相對於是它最近的設定了定位屬性(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...