html5 - 标签

问答 | webSocket如何兼容低浏览器？

最佳答案：

AdobeFlashSocket、 ActiveXHTMLFile(IE)、基于multipart编码发送XHR、基于长轮询的XHR

无为 2023年06月14日 367 0 1 html5 javascript html

问答 | 不使用border画出1px线，在不同浏览器的标准模式与怪异模式都能保持一致效果

最佳答案：

<divstyle="height:1px;overflow:hidden;background:red"</div

语法自然 2023年06月15日 420 0 1 html5 html

文章 | css定义的权重

以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值： css /权重为1/ div{ } /权重为10/ .class1{ } /权重为100/ id1{ } /权重为100+1=101/ id1div{ } /权重为10+1=11/ .class1div{ } /权重为10+10+1=21/ .class1.class2div{ } 如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现

语法自然 2023年06月26日 155 0 0 css css3 html5 html

问答 | 如何在页面上实现一个圆形的可点击区域？

最佳答案：

1、map+area或者svg 2、border‐radius 3、纯js实现需要求一个点在不在圆上简单算法、获取鼠标坐标等等

语法自然 2023年06月15日 383 0 1 html5 html

文章 | CSS 预处理器 / 后处理器

‐预处理器例如：LESS、Sass、Stylus，用来预编译Sass或less，增强了css代码的复用性，还有层级、mixin、变量、循环、函数等，具有很方便的UI组件模块化开发能力，极大的提高工作效率。 ‐后处理器例如：PostCSS，通常被视为在完成的样式表中根据CSS规范处理CSS，让其更有效；目前最常做的是给CSS属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。

语法自然 2023年06月26日 211 0 0 css css3 html5 html

文章 | 为什么要初始化CSS样式?

‐因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 ‐当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法：{padding:0;margin:0;}（强烈不建议）淘宝的样式初始化代码： css body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,bu...

语法自然 2023年06月25日 154 0 0 css css3 html5 html

文章 | absolute的containing block﴾容器块﴿计算方式与正常流

无论属于哪种，都要先找到其祖先元素中最近的position值不为static的元素，然后再判断： 1.若此元素为inline元素，则containingblock为能够包含这个元素生成的第一个和最后一个inlinebox的paddingbox(除margin,border外的区域)的最小矩形； 2.否则,则由这个祖先元素的paddingbox构成。如果都找不到，则为initialcontainingblock。补充： 1.static(默认的)/relative：简单说就是它的父元素的内容框（即去掉padding的部分） 2.absolute:向上找最近的定位为absolute/relat...

语法自然 2023年06月25日 163 0 0 css css3 html5 html

问答 | HTML5的form如何关闭自动完成功能？

最佳答案：

给不想要提示的form或某个input设置为autocomplete=off。

无为 2023年06月14日 383 0 1 html5