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
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
相关文章推荐
- 使用HTML5里页面可见性接口判断用户是否正在观看你的页面
- HTML5前端UI框架 ZUI
- dcloud mui html5plus 5+sdk
- 【转】去掉HTML5中number类型input字段的小箭头
- 基于h5的图片无刷新上传(uploadifive)
- H5 判断应用是否打开或是下载
- HTML5 本地存储 LocalStorage
- htm5笔记-web存储
- HTML5 固定底部的footer功能栏
- HTML5 固定底部的footer功能栏
- <HTML5秘籍>——第四章(构建更好的Web表单)
- html5上传图片php特殊处理一下
- 国内HTML5前端开发框架汇总
- <HTML5秘籍》——第三章(编写更有意义的标记)
- HTML5秘籍——第二章(用语义元素构造网页)
- Html5 各属性详解
- 突袭HTML5之SVG 2D入门2 - 图形绘制
- 在页面中使用Flowplayer播放器
- Cordys HTML5 多语言代码 解读
- HTML5规范~