css

今天很熱,陽光一片一片

已經(jīng)兩天沒有好好說過話了

你好像很忙,工作很多;但又好像不忙,有大把時間做別的事

2020/02/25


1.Table組件的getCheckboxProps字段可以根據(jù)需求使某些行不能被選

2.pointer-events

是css屬性,為none時,所有事件將會“穿透”該節(jié)點,即該節(jié)點不會生效

3.white-space

用于控制空白,設(shè)為“pre”時瀏覽器會保留空白(默認忽略)

設(shè)為"nowrap"常用來設(shè)置不換行

4.box-sizing

默認“content-box”:設(shè)置的寬高只是內(nèi)容

"border-box":設(shè)置的寬高是內(nèi)容+內(nèi)邊距

5.多滾動條

當子頁面和父頁面均有滾動條時,出現(xiàn)雙滾動條,考慮將兩者均加上屬性

overflow: auto

6.圖標I

圖標i設(shè)置大小,用“font-size”屬性

7.縮寫

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

此時該元素需要有一個確定寬度,而inline元素無法設(shè)置width,所以:

display:inline-block;

width:xxx

8.居中

傳統(tǒng)垂直居中:

position:relative;

top:50%;

margin-left:-xxx px;

優(yōu)化垂直居中:

position:relative;

top:50%;

transform: translateY(-50%);

水平垂直居中:

position:relative;

top:50%;

transform: translate(-50%,-50%);

9.蒙板透明度

若把父元素設(shè)置 【position:fixed】作為蒙板,設(shè)其透明度時,使用RGBA,不要使用filter,不然會使子元素透明度與父元素一致

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進行樣式設(shè)定的標簽(元素)”。 有若干種形式的...
    寵辱不驚丶歲月靜好閱讀 1,729評論 0 6
  • (這是15年初學css時記的筆記) 選擇器 簡單選擇器 標簽選擇器 直接把標簽名加前面。 類選擇器 用.+ cla...
    burningalive閱讀 1,201評論 0 0
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,441評論 0 11
  • CSs概述 cascading style sheets 層疊樣式表 簡稱為樣式表 2.作用 用來去設(shè)置ht...
    newTmorrow閱讀 1,158評論 0 0
  • 前面學習了使用HTML為網(wǎng)頁添加內(nèi)容,要對所添加的內(nèi)容進行布局,就需要使用到CSS,JS等,這里就記錄一下自己關(guān)于...
    wxyzcctn閱讀 632評論 0 3

友情鏈接更多精彩內(nèi)容