chrome 54 支援部分css3的功能
比如: box-sizing, 谷歌舊版本瀏覽器中使用-webkit-box-sizingie: -ms-
chrome, safari: -webkit-
opera: -o-
firefox: -moz-
瀏覽器在處理樣式或元素時,使用如下的方式:谷歌瀏覽器的滾動條樣式當遇到無法識別的**時,直接略過.
滾動條樣式: div::-webkit-scrollbar實際上,在開發中使用自定義的滾動條,往往是使用div + css + js實現的滾動條滑塊樣式: div::-webkit-scrollbar-thumb
滾動條軌道樣式: div::-webkit-scrollbar-track
滾動條兩端按鈕: div::-webkit-scrollbar-button
多個背景圖中選乙個作為背景
根據不同的瀏覽器 (主要針對ie) ,設定不同的樣式和元素樣式
ie中,css的特殊字首
ie5 / 6 / 7的外邊距bug,浮動元素的左外邊距翻倍條件判斷
>
這是非ie瀏覽器
>
書寫**時,先盡量避免書寫有相容性問題的**,完成之後,在逐步加入新標準中的**.
書寫**時,先不用特別在意相容性,完成整個功能之後,在針對低版本瀏覽器處理樣式
查詢css相容性
caniuse.com
設定為該屬性的盒子,本質上仍然是乙個塊盒.但同時該盒子會附帶另乙個盒子
元素本身生成的盒子叫作主盒子,附帶的盒子稱為次盒子,主盒子和次盒子呈水平排列
涉及的css:
list-style-type-
設定次盒子中內容的型別
list-style-position
設定次盒子相對於主盒子的位置
速寫屬性list-style
清空次盒子
list-style:none
如果img元素的鏈結無效,img元素的特性和普通行盒一樣,無法設定寬高
行盒的高度與它內部的行塊盒或可替換元素的高度無關
text-align:
處理最後一行分散對齊:
p::after
左 left -> 右 end
開始和結束時相對的,不同國家有不同的習慣
左右是絕對的
direction設定的是開始到結束的方向
writing-mode設定的是文字書寫的方向
偽元素選擇器書寫實體字元時應當將&#x替換成\
畫布 canvas
一塊區域
特點:最小寬度為視口高度
最小高度為視口高度
html元素的背景
覆蓋畫布
body元素的背景
如果html元素有背景,body元素正常 (背景覆蓋邊框盒)
如果html元素沒有背景,body元素背景覆蓋畫布
關於畫布背景圖
背景圖的寬度百分比,相對於視口
背景圖的高度百分比,相對於網頁高度
背景圖的橫向位置百分比 / 預設值,相對於視口
背景圖的縱向位置百分比 / 預設值,相對於網頁高度
題目:
calculate a + b.
each line will contain two integers a and b. process to end of file.
for each case, output a + b in one line.
1 1**:
#includeint main()
return 0;
}
#include int main()
寒假週報三
輸入乙個十進位制數n，將它轉換成r進製數輸出。input 輸入資料報含多個測試例項，每個測試例項包含兩個整數n 32位整數 和r 2 r 16,r 10 output 為每個測試例項輸出轉換後的數，每個輸出佔一行。如果r大於10，則對應的數字規則參考16進製制 比如，10用a表示，等等 sample...
寒假第一周學習週報
這一周根據實驗室的要求，主要完成了學生管理系統的搭建，不同於以往這次選擇搭建乙個 英文電子詞典管理系統 主要功能如下，並且同時附帶上 為了方便起見，我將所有功能整合在一起 如下 void dealaction int action else if action 2 else if action 3 ...
寒假第二次週報
acwing796 子矩陣的和 張牧歌 cnblogs.com 2041.乾草堆 差分 張牧歌 cnblogs.com acwing 2058.笨拙的手指 進製轉換，暴力列舉 張牧歌 cnblogs.com acwing 2060.奶牛選美 dfs，flood fill 張牧歌 cnblogs.co...