CSS html大杂烩

2024年5月30日 44次阅读 来源: 兰诺

css属性：阴影 box-shadow：>=ie9
html： pacleholder >ie9 //can i use 里显示ie10不支持，但实践验证已支持
css属性 转换 transform >= ie9

动画设置：

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


animation-duration: 1s;持续时间
animation-timing-function: linear;速度
animation-delay: 0s;延迟
animation-iteration-count: infinite;循环次数
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: ani-load-loop;动画名称
// 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 属性:语法检查
Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 浏览器支持 spellcheck 属性。
注意： Internet Explorer 9 及更早IE版本不支持 spellcheck 属性。
<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

定义和用法
spellcheck 属性规定是否对元素内容进行拼写检查。

可对以下文本进行拼写检查：

类型为 text 的 input 元素中的值（非密码）
textarea 元素中的值
可编辑元素中的值

css 属性 display:table 》 border-collapse

{border-collapse:collapse;}

collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性
separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性
inherit 规定应该从父元素继承 border-collapse 属性的值

css 属性 font-variant
值 描述
normal 默认值。浏览器会显示一个标准的字体。
small-caps 浏览器会显示小型大写字母的字体。
inherit 规定应该从父元素继承 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/…

    原文作者：兰诺
    原文地址: https://segmentfault.com/a/1190000018620826
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞