-
:after與::after的區(qū)別揽乱？- 1??它們都是偽元素雷逆，與
:hover/:active等偽類不一樣 - 2??
:before/:after偽元素是在CSS2中提出來的弦讽，可兼容到IE8 - 3??
::before/::after是CSS3中到寫法，為將偽類與偽元素區(qū)分開來膀哲，為了兼容性最好使用一個(gè)冒號的
- 1??它們都是偽元素雷逆，與
-
cubic-bezier(n,n,n,n)貝塞爾曲線往产，決定變化的樣式 -
justify-content: space-between;//均勻排列每個(gè)元素，首個(gè)元素放置于起點(diǎn)某宪，末尾元素放置在終點(diǎn) -
skewX(35deg);//如正方形變平行四邊形 -
border-radius: 10% 30% 50% 70%;//圓角度數(shù)：左上 右上 右下 左下 -
filter:blur(5px);//過濾器仿村，污點(diǎn)，像加濾鏡(模糊) - sass(scss)可嵌套：sass不加中括號兴喂，分號蔼囊；scss兼容css
- Babel語法：
babel src -d dist//將src中的JS文件轉(zhuǎn)義到dist中 - box-shadow用法：可多層shadow焚志，以下是取值個(gè)數(shù)不同所代表的不同值
例：offset-x offset-y blur-radius(陰影模糊半徑) spread-radius(陰影擴(kuò)展半徑) color 60px -16px teal 10px 5px 5px black 2px 2px 2px 1px rgba(0,0,0,.2) box-shadow: inset 5em 1em gold; - transition用法：
property name duration timing function delay margin-right 4s ease-in-out 1s margin-right 4s -
!important用法：color: blue !important;//優(yōu)先級最高（覆蓋其它聲明，少用） -
letter-spacing：明確文字的間距行為 -
filter``—過濾的用法：filter: blur(3px) brightness(.7) ...(更高級的屬性)`//brightness-遮光（變黑或更亮） - 想隱藏元素可用：
display: none; - 取消
button被點(diǎn)擊后的外邊框藍(lán)色效果：outline: none; - 添加下劃線：
text-decoration: underline;//none去掉下劃線 - flex布局：
justify-content(平行方向): space-around(平均分配)畏鼓；align-items(垂直方向): space-between(兩端對齊再平均)
- 文字兩端對齊：
text-align: justify; flex-direction: colum(橫排)/row(豎排)background-image: url('…');//注意路徑-
flex-grow: 1(負(fù)值無效);//成長因子 input[type = text] {}-
pointer-events: none;表示鼠標(biāo)事件“穿透”該元素酱酬，并且指定該元素“下面”的任何東西 -
filter: blur(1px);少加在原元素上，加在子元素或者偽元素上 -
background-size: cover;保證填滿整個(gè)容器不拉扯圖片 -
text-indent: 2em;首行縮進(jìn)兩字符 -
:root選擇器—根組件云矫，若不行則改為html - 若發(fā)現(xiàn)三個(gè)相同元素膳沽，沒有水平對齊，加一個(gè)
vertical-align: middle/top/bottom都行让禀，只要不是baseline; - 為什么都是
width: 50%;都三個(gè)元素挑社，卻能構(gòu)成一行平均三等份？
由于沒有設(shè)置flex-wrap: wrap;故這三個(gè)被擠在中間不換行 -
flex-shrink: 0;不縮堆缘，不換行 - 如何適配不同設(shè)備滔灶？由范圍大到衅账椤：
phone(0-oo)>ipad(a-oo)>pc(b-oo)//a<b -
outerHTML輸出HTML - 如果父元素高度變成
min-height吼肥，那么子元素都百分比（%）高度就失效了，因?yàn)榇藭r(shí)父元素沒有height麻车，即height=0 - 使用ref去讓JS添加屬性
- 元素的
style只獲取內(nèi)聯(lián)元素缀皱，不獲取CSS元素，故用getBoundingClientRect() - 有時(shí)
margin-left: auto;會自動跑右邊去
更新于2019-01-15-19:10动猬，以上皆為日常筆記啤斗，如有問題還望大家多多指正！
