以下屬性切記要放到包含你要控制的文字的最近的一層標籤上,根據需求靈活運用
a
::-webkit-scrollbar
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb
::-webkit-scrollbar-track
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
+ ::-webkit-scrollbar 滾動條整體部分
+ ::-webkit-scrollbar-button 滾動條兩端的按鈕
+ ::-webkit-scrollbar-track 外層軌道
+ ::-webkit-scrollbar-track-piece 內層軌道,滾動條中間部分(除去)
+ ::-webkit-scrollbar-thumb (拖動條?滑塊?滾動條裡面可以拖動的那個,腫麼翻譯好呢?)
+ ::-webkit-scrollbar-corner 邊角
+ ::-webkit-resizer 定義右下角拖動塊的樣式
+ :horizontal – horizontal偽類應用於水平方向的滾動條
+ :vertical – vertical偽類應用於豎直方向的滾動條
+ :decrement – decrement偽類應用於按鈕和內層軌道(track piece)。它用來指示按鈕或者內層軌道是否會減小視窗的位置(比如,垂直滾動條的上面,水平滾動條的左邊。)
+ :increment – increment偽類和decrement類似,用來指示按鈕或內層軌道是否會增大視窗的位置(比如,垂直滾動條的下面和水平滾動條的右邊。)
+ :start – start偽類也應用於按鈕和滑塊。它用來定義物件是否放到滑塊的前面。
+ :end – 類似於start偽類,標識物件是否放到滑塊的後面。
+ :double-button – 該偽類以用於按鈕和內層軌道。用於判斷乙個按鈕是不是放在滾動條同一端的一對按鈕中的乙個。對於內層軌道來說,它表示內層軌道是否緊靠一對按鈕。
+ :single-button – 類似於double-button偽類。對按鈕來說,它用於判斷乙個按鈕是否自己獨立的在滾動條的一段。對內層軌道來說,它表示內層軌道是否緊靠乙個single-button。
+ :no-button – 用於內層軌道,表示內層軌道是否要滾動到滾動條的終端,比如,滾動條兩端沒有按鈕的時候。
+ :corner-present – 用於所有滾動條軌道,指示滾動條圓角是否顯示。
+ :window-inactive – 用於所有的滾動條軌道,指示應用滾動條的某個頁面容器(元素)+ 是否當前被啟用。(在webkit最近的版本中,該偽類也可以用於::selection偽元素。webkit團+ 隊有計畫擴充套件它並推動成為乙個標準的偽類)
+ 另外,:enabled、:disabled、:hover 和 :active 等偽類同樣可以用於滾動條中。
+ 值得一提的是,webkit的這個偽類和偽元素的實現很強大,雖然類目有些多,但是我們可以把滾動條當成乙個頁面元素來定義,也差不多可以用上一些高階的css3屬性,比如漸變、圓角、rgba等等,當然有些地方也可以用,然後也可以轉換成base64,總之,可以盡情發揮了。
工作中遇到一些知識點2017 7 13
1 最近一直在弄docker,想在docker中搭建一下stf,實現可移植性。搜尋了docker的幾個命令 1.停止所有的container,這樣才能夠刪除其中的images docker stop docker ps a q 如果想要刪除所有container的話再加乙個指令 docker rm ...
需要常看的小知識點
struct station while next permutation s.begin s.end 該函式求全排列的下乙個整體 return 0 123132 213231 312321 30.inplace merge a,a m,a n,cmp 合併兩個數列為乙個數列,a,a m 和 a m...
工作中小知識點彙總(c )
1 oop 實體與資料庫字段轉換 注意 此時實體字段必須和資料庫中查詢的字段列名相同 list modelextend.getbydatatablepart ds.tables 0 實體和datatable都有的資料才回給實體賦值 public static listgetbydatatablepa...