更多flex布局參考
更多的相容參考鏈結當乙個元素的visibility屬性被設定成collapse值後,對於一般的元素,它的表現跟hidden是一樣的。
自動變成display:block,因此,可以直接設定浮動元素的寬高
通過**查詢可以為不同大小和尺寸的**定義不同的css,適應相應的裝置的顯示。
方法如下:
css選擇器的解析是從右向左解析的,先找到最右側節點,再向上尋找,若找到滿足條件的匹配規則,則該樣式有效。若尋找到了根節點,仍無法匹配,則該樣式無效。
而在css 解析完畢後,形成的css tree與dom tree一起進行分析建立一棵render tree,最終用來進行渲染頁面。
在建立 render tree 時,瀏覽器就要為每個 dom tree 中的元素根據 css 的解析結果(style使用偶數字型。偶數字型大小相對更容易和 web 設計的其他部分構成比例關係rules)來確定生成怎樣的 render tree。
當按百分比設定乙個元素的寬度時,它是相對於父容器的寬度計算的
當按百分比設定乙個元素的高度時,它是相對於父容器的高度計算的
但是,對於一些表示豎向距離的屬性,例如padding-top , padding-bottom , margin-top , margin-bottom
等,當按百分比設定它們時,依據的是父容器的寬度,而不是高度
。
假設有5個需要展示的全屏頁面,那麼高度是500%,只是展示100%,剩下的可以通過transform進行y軸定位
,也可以通過margin-top實現
結合overflow:hidden;transition:all 1000ms ease
來實現動畫滾動
單雙冒號的區別
before、after偽類的作用before、after 就是定義在我住在 duckburg。
元素主體內容之前/後的乙個偽元素
。並不存在於dom之中,只存在在頁面之中。
針對谷歌瀏覽器核心,加webkit字首,用transform:scale()這個屬性進行縮放
!以達到設定小於12px的字型的效果
p
多數顯示器預設頻率是60hz
,即1秒重新整理60次,
所以理論上最小間隔為1/60*1000ms = 16.7ms。
受**之間的空白或回車
等的影響,因為空格也屬於字元,也會佔據一定的空間,所以會有間隔,解決方法如下:
有空格時候會有間隙 解決:移除空格
margin正值的時候 解決:margin使用負值
使用font-size時候 解決:font-size:0、letter-spacing、word-spacing
頁面載入解析是自上而下的。
如果style放在body後面,可能會導致頁面先行載入後,再去載入樣式時,導致頁面重新渲染,引起頁面的閃爍。
方法一、animation + @keyframestext-overflow
,1、值為clip ------ 修剪文字;
2、值為ellipses ------ 顯示省略號來表示被修剪的文字;
3、值為string -------- 使用給定的字串來代表被修剪的文字
方法二、transition ------ 過渡動畫div
@keyframes mymove
to }@-webkit-keyframes mymove
to }

transition-property的值可以是all,表示設定所有css屬性變化的過渡動畫效果
以下示例是顯示opacity屬性的變化的過渡效果
以下示例是顯示所有屬性的變化的過渡效果div
div:hover
div
div:hover
Vue介紹(面試可能會問到)。
什麼是mvvm m model資料層 v viewdom層 vm view model處理資料介面的中間層,指vue vue是什麼?vue是js的mvvm庫,只關注檢視層,以資料為驅動,vue將自身和dom進行繫結,dom與資料同步變化。它有什麼特點 1 簡潔 html json資料 vue例項組成...
Mysql面試可能會問到的基礎知識
mysql如何保證和監控主從資料一致性的 5.6 gtid複製,5.7 無損半同步複製 rpl semi sync master wait point after sync pt table checksum監控主從資料一致性 mysql如何監控和減少主從延遲的 5.5的單執行緒複製 5.6的多庫複...
jsp中的盲區 面試可能會問到的東西
1 今天看到乙個有趣的jsp題目。this is my jsp page.int a 10 out.print a a int a 100 out.print a 輸出結果 10 11 11 有人可能會問最後乙個輸出為什麼不是100 個人解釋 int a 100 內的 相當於全域性變數。而 out....