澳门微尼斯人手机版 1

为何不会有CSS4?

2018/07/04 · CSS ·
CSS4

原著出处:
李松峰   

  • 引进模块化从前
  • 引进模块化之后
  • 模块还有Level 4或越来越高

为什么不会有CSS4了?

简短地说,就是从CSS3起来,CSS标准就被拆成众多模块(module)单独进行提高,也许将新必要当做一个新模块来立项并扩充典型化。因此以往不会再有CSS4、CSS5这种所谓大版本号的改观,有的只是CSS有个别模块等第的跃迁。

行使html5录像背景

直到今后,依然不设有后生可畏项意在网页上出示摄像的科班。昨日,大多数录疑似经过插件(举个例子Flash)来突显的。然则,并不是全部浏览器都有着相似的插件。HTML5
规定了风姿罗曼蒂克种通过 video 元一直含有录制的正统措施。

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 
  4 <head>
  5     <meta charset="UTF-8">
  6     <title>事件冒泡-提示框</title>
  7 </head>
  8 <style>
  9 button {
 10     width: 160px;
 11     height: 30px;
 12     background-color: #ff0000;
 13     color: #fff;
 14     border: 1px solid #000;
 15 }
 16 #prompt{
 17     display: none;
 18     border: 1px solid #000;
 19     padding: 20px;
 20     position: fixed;
 21     left: 50%;
 22     top: 50%;
 23     transform: translate(-50%,-50%);
 24     max-width: 600px;
 25     min-width: 300px;
 26     border-radius: 6px;
 27     background-color: #fff;
 28 }
 29 
 30 #prompt #prompt-content h3{
 31     display: flex;
 32     justify-content: space-between;
 33     align-items: center;
 34     margin: 0;
 35 }
 36 #prompt #prompt-content h3 i{
 37     display: inline-block;
 38     width: 26px;
 39     height: 26px;
 40     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADQklEQVRYR7WXWahPURTGf9ccZXpAUu4DkQdFxhKRMSKz0M0YQsiDojwYIykPcuNmzjw9ECFDyiwiU1GEQskcMvZd63Ace599Dveul3//vdZe33f2XtMu4KfUB/YBx4ClwCdbL6+fbsBp4GsB0MKAGxraA2A8cKIc0JsDK4C+wBSgWAS0MNsBth2YDLwpAyI1gCXAVKCi+XsIFIqAZAKwGqiSAHsCDAPO/geJrsBmoFHMx11gMHAzIiBdB2A/0CAB9g1YDCwAvuQgUhNYBYxJ7FkLzAA+aj1OQP/rAUeAVg6gK8BA4FEGEoUWV01itt+BScC6+P4kAemqATuAAQ6g1/ZFB1JIdLGTrBOz+QyMsEz7Y6uLQGSwCJjnAVoOzHHoFEvFsUCTyTugP3DS5SuNgOzHASWOq5JuvQWvjlZ+RHhuAuQZoJy/5TuxEAHtG2VRXMHhZLddyRZgUEIv0J6AMskrWQho81BgG1DJ4ekVUDuxfgHoBShmUiUrATnRPapcR4XE5/gq0NnuPoT/VxqGNgyxDPGRELgKT/DLI6A8JxDtUS4r0l1yEVAalhaZLJKXgGqE0klV0ycqZGo2qqBByUNAfeIQ0D3oFVRudVJByUqgsoH3CHr8bbAQmB+yz0IgDXyWZYcCzyXTrMt6eWQhsMdaZ9LJBquU6nqXgaYOFMVBb2tMThIhAuoFKrFJ0ejWRyOVKdT1lAHxBhTteQ+0BW67GKQRGAlsdfSBO0B7x6TU0TKkqgPosZF4mtT5CPgKznOgTcpMUARs8lz4dUvfD3G9i0Br4Dyg4IuLjruT6dKCe5f1DpeNdMPTCNQFbgDRhBy31eC6MpRWgIJSX9vYYzvRWnypOn4C1YFTdlfJvceBPDVAMaJB1tXC9eZQ2p6LE1CVO+gBeWFvB91/HvFlkHy8tA+9rxNQj99rBcUFoMDSwJFX5FsnqtbskntAOxnJ+WiPkRqL8v1fRU8+vQFqeRxMF4GWwGFH4KmANAuNVBmYjbX5MW6q94WeZiVREIrpUSMTGc60h0UGjKDJJasfMnxr7fqMKwt2Av2Aa4DqgSbeshANKYoHFSHNiqXgSQL6r7RZZk9nZUVZyhpgI6CB9Zf8AAbklp4kaj9vAAAAAElFTkSuQmCC');
 41     background-position: center center;
 42     background-repeat: no-repeat;
 43     -webkit-background-size: cover;
 44     background-size: cover;
 45 }
 46 
 47 #prompt #prompt-content p{
 48     text-align: justify;
 49     font-size: 16px;
 50 }
 51 </style>
 52 
 53 <body>
 54     <button onclick="promptBox('prompt')">显示/隐藏 消息框</button>
 55     <div id="prompt">
 56         <div id="prompt-content">
 57             <h3>我是标题<i onclick="$('#prompt').hide()"></i></h3>
 58             <hr>
 59             <p>用一辈子时间去珍藏你,我不知道够不够?当我用坦荡、虔诚、真情,甚至,袒露心怀来“奋笔疾书”这样一份真爱的时候,我知道你的爱或恨已经植入我的骨髓,并刻在了心上。当真心遇到仁心的时候,我相信才会有心心相印一说。而面对一个人华丽转身的时候,所谓的真心和仁心再次相碰,溅出的那段激烈的火花,还会不会重新燃起一份爱的承诺?而我一直想用时间的长度和宽度来验证,把一个人藏在心底到底能藏多久?</p>
 60         </div>
 61     </div>
 62     <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
 63     <script>
 64     /**
 65      * [promptBox 需要点击执行显示隐藏的按钮和需要显示的内容添加停止点击冒泡事件,为document添加点击隐藏事件]
 66      * @param  {[String]} boxId [显示/隐藏的消息提示框]
 67      */
 68     function promptBox(boxId) {
 69 
 70         // 获取Id
 71         var boxId = $("#" + boxId);
 72 
 73         // 显示/隐藏            
 74         $(boxId).toggle();
 75 
 76         // 停止点击冒泡事件
 77         var e = arguments.callee.caller.arguments[0] || event;
 78 
 79         if (e && e.stopPropagation) {
 80 
 81             e.stopPropagation();
 82 
 83         } else {
 84 
 85             window.event.cancelBubble = true;
 86 
 87         }
 88 
 89         // 显示/隐藏消息提示框
 90         $(boxId).click(function(event) {
 91 
 92             // 停止点击冒泡事件
 93             var e = arguments.callee.caller.arguments[0] || event;
 94 
 95             if (e && e.stopPropagation) {
 96 
 97                 e.stopPropagation();
 98 
 99             } else {
100 
101                 window.event.cancelBubble = true;
102 
103             }
104 
105         })
106 
107         // document点击隐藏事件,不需要清除冒泡事件
108         $(document).click(function() {
109 
110             $(boxId).hide();
111 
112         })
113 
114     }
115     </script>
116 </body>
117 
118 </html>

引进模块化从前

遵守CSS工作组的说教,CSS历史上并从未版本的定义,有的只是“品级”(level)的定义。比方,CSS3其实是CSS
Level 3,CSS2是CSS Level 2,而CSS Level
1当然正是CSS1。种种等第都是上一个品级为根基。

世家都领悟,CSS1早已作废了。CSS2其实基本上也曾经作废了。不过,CSS1、CSS2(以至CSS2.1)在及时都以一个大而全的标准。并且,CSS2在成为终极正式的时候,W3C规范的流水生产线里还尚无概念C科雷傲那些品级。

澳门微尼斯人手机版,后来,W3C进一步周到了正规制定流程,供给各类专门的学问都要经过以下三个品级:

  1. 行事草案(WD,Working Draft)
  2. 最终专门的职业草案(LC/LCWD,Last Call Working Draft)
  3. 候选推荐(C库罗德,Candidate Recommendation)
  4. 建议推荐(PPRADO,Proposed Recommendation)
  5. 引入规范(REC,Recommendation)

出于当下CSS2并没通过CKuga阶段,因而现身了无数难题。CSS专门的学业组被Infiniti的“改bug”搞得耐烦。结果,他们调整对CSS2进行贰遍修正,这正是CSS2.1(CSS
Level 2 Revision
1)。换句话说,CSS2.1事实上只是CSS2的二个修订版,并从未实质性别变化化。有个别CSS第22中学的内容,CSS工作组以为相当不够成熟,于是从CSS2.第11中学删去了。这一个删除的内容被视为回落到流程的CCRUISER阶段——相当于需求“回炉”。(后来,那一个剧情主导都以CSS模块的办法,经过修定和补偿,步入了CSS
Level 3。)

CSS2.1及前边的CSS典型把具备内容都写在叁个文书档案里。随着CSS本性更加的多,更加的复杂,CSS标准的篇幅也越来越长。CSS2.1的PDF版有430页()。这就给改进和尤其提高带来了小幅不便。因为文书档案分裂部分进级的速度不大概促使大器晚成致。

于是,CSS工作组决定从CSS2.1过后开头利用模块化的路径。正是把必要进步的剧情独立成模块拆分出来,新添的要求也以新模块的方法立项。今后之后,CSS就进去了Level
3。

浏览器帮助的录像格式

现阶段,video
成分扶持Ogg,MPEG4,WebM二种摄像格式,那三种格式浏览器扶持意况如下:

格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No

 

 

 

 

Ogg 格式就是 带有 西奥ra 摄像编码和 Vorbis 音频编码的 Ogg
文件,MPEG4格式正是 带有 H.264 录制编码和 AAC 音频编码的 MPEG 4
文件,mp3格式就属于那一个格式,WebM格式正是 带有 VP8 录制编码和 Vorbis
音频编码的 WebM 文件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注