目錄
1.滑鼠經過的背景顏色,不是鏈結文字顏色
2.背景位置,第乙個引數是x座標,第二個是y座標,可以與方位名詞混合使用
3.css權重,相加得到的哪個大就選哪個
4.沒設定寬度,加了padding也沒有影響寬度;如果加了with,那麼再加padding,寬度就會加大,所以設設定時要小心
5.如果加了浮動,上一行(上面的元素)是沒有浮動的,則不會飄到上一行,如果上一行也有浮動,則會跟著隨著上一行浮動的位置
6.相對定位:是相對原來自己的位置進行移動,不脫標,原來位置誰也占用不了
7.子絕父相
8.定位總結:
9.定位特殊特性
10.單行文字溢位省略號顯示
11.獲取h5自定義屬性
加了 padding: 50px;,發現高度確實加了100px,但是寬度沒變
左
右
可以看出第二個塊元素,並沒有加浮動,所以第三個塊元素在自己這行進行右浮動
如果都加了浮動,則在最頂端會併排一起
絕對定位:
可以看出,s2(紅色)的定位是相對於第乙個(f 黑色)div,因為他有定位模式,而第二個(s1 粉色)沒有,且s3(綠色)占有了s2(紅色)的位置。
子級絕對定位,不會占有位置,可以放到父盒子裡面的任何乙個地方,不會影響其他的兄弟盒子。
父盒子需要加定位限制子盒子在父盒子內顯示。
父盒子布局時,需要占有位置,因此父親只能是相對定位。
這就是子絕父相的由來,所以相對定位經常用來作為絕對定位的父級。
總結:因為父級需要占有位置,因此是相對定位,子盒子不需要占有位置,則是絕對定位
絕對定位和固定定位也歸浮動類似。
1.行內元素新增絕對或者固定定位,可以直接設定高度和寬度。
2.塊級元素新增絕對或者固定定位,如果不給寬度或者高度,預設大小是內容的大小。(如下圖)
asoda;我懶得拉可能是的
1,如何來定義
規則:1)通過data-開頭;2)data-後必須至少有乙個字元,多個單詞之間用「-」;
建議:1)盡量使用小寫字母命名;2)不要有任何特殊字元;3)名稱不要純數字。
2,如何來取值
使用dataset[data-後面的單詞(但data-後面的單詞必須使用駱駝命名法,否則可能獲取不到值)]。
例如:示範學院
獲取值:p.dataset["schoolname"]或p.dataset.schoolname
發布
這樣可以讓文字域正好居中,對半切
解析器在呼叫函式每次都會向函式內部傳遞進乙個隱含的引數 ,
這個隱含的引數就是this, this指向的是一乙個物件,
這個物件我們稱為函式執行的.上下文物件,
根據函式的呼叫方式的不同,this會指向不同的物件
1.以函式的形式呼叫時,this永遠都是window
2.以方法的形式呼叫時,this就是呼叫方法的那個物件
想要輸出誰呼叫它就輸出呼叫者的name,加this就行,如果不加預設就是全域性的那個變數
記錄自己面試遇到的一些常忘的
1.宣告陣列的三種方式,以int和string舉例 第一種 int a new int 5 a 0 10 string a new string length 再賦值 a 0 第二種 int c new int string a new string 第三種 int i string a 總之,具體...
自己前端的一些筆記
彈性盒 移動端布局 1.父元素的屬性 display flex 我是乙個彈性盒 子元素水平排列 flex direction column 子元素垂直排列 justify content center 子元素水平對齊方式 align items center 子元素垂直對齊方式 2.子元素的屬性 f...
筆記 開始學前端,記一些概念
node.js 基於 chrome v8 引擎的 j ascript 執行環境 使用了乙個事件驅動 非阻塞式 i o 的模型,使其輕量又高效 類似於 j a 中的 jvm server.js 執行 node server.js npm node 的包管理工具 npm package 檔案 指定依賴包...