资讯专栏INFORMATION COLUMN

CSS html大杂烩

JohnLui / 917人阅读

摘要:注意及更早版本不支持属性。定义和用法属性规定是否对元素内容进行拼写检查。浏览器会显示一个标准的字体。规定应该从父元素继承属性的值。

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 属性。

这是可编辑的段落。请试着编辑文本。

定义和用法
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://www.ucloud.cn/yun/117571.html

相关文章

  • CSS html杂烩

    摘要:注意及更早版本不支持属性。定义和用法属性规定是否对元素内容进行拼写检查。浏览器会显示一个标准的字体。规定应该从父元素继承属性的值。 css属性:阴影 box-shadow:>=ie9html: pacleholder >ie9 //can i use 里显示ie10不支持,但实践验证已支持css属性 转换 transform >= ie9 动画设置: ·animation: ani-l...

    Eirunye 评论0 收藏0
  • 前端相关杂烩

    摘要:希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎,由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时,老司机们首先就会告诉你其实是个没有网络请求功能的库。 前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作...

    fuyi501 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • Web如何防止XSS攻击

    摘要:危害实例微博年月日晚,新浪微博遭遇到蠕虫攻击侵袭,在不到一个小时的时间,超过万微博用户受到该蠕虫的攻击。此事件给严重依赖社交网络的网友们敲响了警钟。当用户看到这样的情况可以反馈,及时封堵恶意作者的攻击。 什么是XSS 跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XS...

    XboxYan 评论0 收藏0
  • Web如何防止XSS攻击

    摘要:危害实例微博年月日晚,新浪微博遭遇到蠕虫攻击侵袭,在不到一个小时的时间,超过万微博用户受到该蠕虫的攻击。此事件给严重依赖社交网络的网友们敲响了警钟。当用户看到这样的情况可以反馈,及时封堵恶意作者的攻击。 什么是XSS 跨站脚本攻击(Cross Site Scripting),为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XS...

    wizChen 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<