html5与css3 技术积累

来源：互联网发布：观察宇宙的软件编辑：程序博客网时间：2024/06/17 16:30

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

0 0