CSS html大雜燴

Eirunye 發(fā)布于2019-08-02 16:08 / 2013人閱讀

摘要：注意及更早版本不支持屬性。定義和用法屬性規(guī)定是否對(duì)元素內(nèi)容進(jìn)行拼寫檢查。瀏覽器會(huì)顯示一個(gè)標(biāo)準(zhǔn)的字體。規(guī)定應(yīng)該從父元素繼承屬性的值。

css屬性：陰影 box-shadow：>=ie9
html： pacleholder >ie9 //can i use 里顯示ie10不支持，但實(shí)踐驗(yàn)證已支持
css屬性轉(zhuǎn)換 transform >= ie9

動(dòng)畫設(shè)置：

·animation: ani-load-loop 1s linear infinite;

animation-duration: 1s;持續(xù)時(shí)間
animation-timing-function: linear;速度
animation-delay: 0s;延遲
animation-iteration-count: infinite;循環(huán)次數(shù)
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: ani-load-loop;動(dòng)畫名稱
// Loading for loop
.uelement-load-loop{
    animation: ani-load-loop 1s linear infinite;
}

@keyframes ani-load-loop {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
}

@keyframes ani-load-loop
0% {
transform: rotate(0deg);
}
50% {
    transform: rotate(180deg);
}
100% {
    transform: rotate(360deg);
}

HTML spellcheck 屬性:語(yǔ)法檢查
Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 瀏覽器支持 spellcheck 屬性。
注意： Internet Explorer 9 及更早IE版本不支持 spellcheck 屬性。

這是可編輯的段落。請(qǐng)?jiān)囍庉嬑谋尽?/p>

定義和用法
spellcheck 屬性規(guī)定是否對(duì)元素內(nèi)容進(jìn)行拼寫檢查。

可對(duì)以下文本進(jìn)行拼寫檢查：

類型為 text 的 input 元素中的值（非密碼）
textarea 元素中的值
可編輯元素中的值

css 屬性 display:table 》 border-collapse

{border-collapse:collapse;}

collapse 如果可能，邊框會(huì)合并為一個(gè)單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性
separate 默認(rèn)值。邊框會(huì)被分開。不會(huì)忽略 border-spacing 和 empty-cells 屬性
inherit 規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值

css 屬性 font-variant
值描述
normal 默認(rèn)值。瀏覽器會(huì)顯示一個(gè)標(biāo)準(zhǔn)的字體。
small-caps 瀏覽器會(huì)顯示小型大寫字母的字體。
inherit 規(guī)定應(yīng)該從父元素繼承 font-variant 屬性的值。

css 屬性 display:table的用法
display: table;//父元素
display: table-cell;//子元素

-webkit-font-smoothing：

line-height vertical-align的原理

iview兼容ie9:https://www.jianshu.com/p/642...
parcel介紹：https://www.cnblogs.com/aaron...
JavaScript中的composition event: https://www.jianshu.com/p/5c7...
grid vs flex: https://zhuanlan.zhihu.com/p/...