您的位置:首页 > Web前端 > HTML5

html5与css3 技术积累

2015-10-31 14:47 531 查看
1 html5 技术1 使用worker 生效需要 Worker是js多线程技术使用js在当前目录,项目为发布的web项目,直接打开浏览器会失败并且js文件不是script src 方式引入的格式:Jsonmessage = function(event) {postMessage(returnStr); html 发送端var worker = new Worker("script.js");worker.postMessage(intStr);// 从线程中取得计算结果worker.onmessage =
function(event) {//可以内嵌或者其他用途 close()方法2 css31 rgb/rgbadiv#div1{ background-color:rgb(255,0,0);}div#div2{ background-color:rgba(255,0,0,0.5);}2 hsl/hsla 颜色展示div#div1{ background-color: hsl(120,100%,50%); color: hsl(0,100%,100%);}div#div2{ background-color:
hsla(120,100%,50%,0.5); color: hsla(0,100%,100%,0.5); }3 opacity 应该是整个元素都被设置透明,包括边框,背景,颜色div#div4{ background-color:rgb(0,255,100); color:rgb(255,255,255); opacity:0.5;}4 指定 为透明//任何颜色div#div3{color: transparent;}5 轮廓outlineinput#male{ outline:thin solid red}6
outline-offset 加上正负偏移量会产生距离div{ border:blue solid thin; outline:red solid thin; outline-offset:2px;}7 可用 overflow的地方都可用 resize,设置变化
示例文字
页面中其他内容
8 取消对元素的样式指定 initial
示例文字1
示例文字2
示例文字3
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: