html
关注
分享
扫一扫
dragoo1
这个作者很懒，什么都没留下…
展开
-
为什么浏览器默认p的高度是21px
<html><head> <meta charset="utf-8"></head><body> <p style="background-color: #407bbd;padding: 0 0 0 0;margin: 0 0 0 0;">Apple</p></body></html>无论chrome还是firefox，盒模型的高度都是21px，但字体默认是1em=16.原创 2021-09-24 21:05:48 · 864 阅读 · 0 评论 -
国家语言，语言代码，locale id对应表(转)
国家语言，语言代码，locale id对应表。比如 en_US对应的id为1033， 中文的locale=zh_CN，id=2052.Locale Language code LCID string LCID Decimal LCID Hexadecimal Codepage Afrikaans af af 1078 436 1252 Albanian sq sq 1052 12.转载 2020-12-18 13:27:14 · 1546 阅读 · 0 评论 -
javascript获取transform中的属性值（转）
最近在做一个移动端的网站，其中一个难点就是导航，因为导航里面项目比较多，需要通过滑动来查看被遮住的项目，这个功能实际上就是以前pc端经常做的拖拽，因此安装老思路就上代码，在pc端的模拟器里面也是很顺溜的，但是一旦放到手机上一试，我哩个去，卡的不行，想了好久，发现是因为按照平时的思路，在写拖拽的时候是通过定位来实现的，但是定位这种东西在性能很鸡肋的手机端实在是太啃爹了。没办法，只好改用css3的transform来实现，这时问题来了，通常情况下，用js来获取元素样式值的时候，如果是用jquery,直接通过cs转载 2020-11-13 13:19:14 · 2097 阅读 · 0 评论 -
border实现三角形的原理（转）
前言：网上最普遍的实现三角形的方法，就是通过控制border来实现，那为什么可以呢？原理我们先来看看border的表现形式。#box{ width:100px; height:100px; background:yellow; border-top: 20px solid red; border-right:20px solid black; border-bottom:20px solid green; border-left:20px solid blue.转载 2020-07-30 15:33:18 · 285 阅读 · 0 评论 -
querySelector() 选择器语法（转）
选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有<div>元素和<p>元素 1 ele转载 2020-07-22 14:47:55 · 2220 阅读 · 0 评论 -
html实现文本从右向左
<html lang="zh-ch"><head> <meta charset="utf-8" /> <title>writing-mode</title> <style> .test { width: 100px; height: 100px; } .lr-tb { direction: rtl; unicode-b.原创 2020-06-09 10:19:53 · 6432 阅读 · 0 评论 -
!important的用法及作用（转）
定义及语法 !important，作用是提高指定样式规则的应用优先权（优先级）。语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}。 在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级。浏览器识别ie7及ie7+,...转载 2020-03-24 12:13:44 · 43041 阅读 · 0 评论 -
font-family 定义的最后为什么要加一句sans-serif?（转）
在别人的文章里看到下面这句话:定义font-family时,最好在最后加一个sans-serif,这样如果所列出的字体都不能用，则默认的sans-serif字体能保证调用;还在一个地方看到这样的话,也是这个问题:--W3C建议字体定义的时候，最后以一个类别的字体结束，例如"sans-serif"，以保证在不同操作系统下，网页字体都能被显示。我想问的是:1.为什么sans-serif就能...转载 2020-03-18 09:52:23 · 7208 阅读 · 1 评论 -
HTML P不能包含块级元素（包括自身）(转)
abcc项目中碰到的，在一个表单中用P包含一个label和div，从Firebug中看html结构div却跑到P外面去了。甚是诧异，原来P元素是不能包含块级元素（包括P自身）的。ThePelement represents a paragraph. It cannot containblock-level elements(includingPitself).以下是html片...转载 2019-11-05 15:49:33 · 589 阅读 · 0 评论 -
html页面实现gif的重新播放
因为浏览器会缓存图片，所以对于一次性gif如果不做处理的话，只会播放一次。如果需要重新播放gif，重新设置下img标签的src属性即可。<!doctype html><html><head> <meta charset="UTF-8" /> <title>测试</title> <scr...原创 2019-06-16 20:41:24 · 21616 阅读 · 1 评论 -
input属性disabled和readonly的区别（超详细的~~~~）(转)
1.两种情况的写法，没什么太大的区别，两个属性而已disabled写法：<input type="text" name="aaa" value="xxx" disabled="true"/>readonly写法：<input type="text" name="bbb" value="xxx" readonly="true"/>2.两种写法的相同点：...转载 2019-04-25 11:08:34 · 369 阅读 · 0 评论 -
iframe框架嵌入网页会导致Chrome浏览器中视频不能全屏？(转)
这次给大家分享的是iframe框架嵌入网页导致Chrome浏览器中视频不能全屏的解决方案，但在其他浏览器中似乎都很正常, 应该是 Chrome 6.0 新版本对权限的控制都越来越严格精细的原因。其实解决办法也很简单, 就是增加一个属性allowfullscreen就行了。不能全屏的代码如下：<iframe src="himill.com/player.html" frameb...转载 2019-03-08 14:03:59 · 2131 阅读 · 0 评论 -
CSS 字体 font-family属性(转)
CSS规范清楚的认识到，字体选择是一个常见而且很重要的特性，所以设置字体的属性就是样式表中最常见的用途之一。字体相关的属性在CSS1就已经定义，CSS3又新增了font-stretch 和 font-size-adjust 这两个属性。人们早已认识到字体选择很重要，并在CSS2就支持可下载字体，也定义了 @font-face 相关属性，但是并没有得到浏览器的广泛支持。直到CSS3，浏览器才...转载 2018-11-22 16:49:25 · 1997 阅读 · 0 评论 -
select默认文字，不出现在下拉选项中(转)
<select> <option value="" disabled selected hidden>choose</option> <option value="0">0</option> <option value="1">1</option转载 2018-10-30 10:42:28 · 20368 阅读 · 5 评论 -
html5 canvas 画笔透明的实现方法(转)
<!doctype html><html><head><meta charset="utf-8"><title>HTML5简单的画图</title><style> *{margin: 0; padding: 0;}canvas{ border:1px solid #000;pos转载 2018-08-22 14:14:50 · 3336 阅读 · 0 评论 -
xml转html中的<br>标签处理
工作中需要通过xslt将xml转为html，而结果html又需要格式化的<script></script>标签，否则（使用<script/>）加载html会出错。这导致处理<br>标签时也会结队出现：<br></br>。这样会多出一个换行，如：<!DOCTYPE html><html&原创 2018-08-02 23:19:22 · 3738 阅读 · 0 评论 -
ibook对epub书里面xhtml大小写敏感
环境：ipad2,ios8.3,ibooks4.0例如如果你有个media的目录，恭喜,下面一句ibooks就无法解析 同理，,也是无法解析的原创 2015-06-25 15:55:23 · 1101 阅读 · 0 评论 -
HTML5技术之图像处理：一个滑动的拼图游戏（转）
HTML5技术之图像处理：一个滑动的拼图游戏HTML5有许多功能特性可以把多媒体整合到网页中。使用canvas元素可以在这个空白的画板上填充线条，载入图片文件，甚至动画效果。在这篇文章中，我将做一个滑动拼图的游戏用来展示HTML5 canvas的图片处理能力。在网页中使用canvas标签用来创建画板复制代码canvas的宽和高使用像素为单位。如果这两转载 2015-07-01 19:29:32 · 10175 阅读 · 0 评论 -
html 如何绑定radio 控件和label控件
只要指定label的"for"属性到radio的id就行，或者用label标签包围住radio。请参见下面例子：写法一：input type="radio" id="radioA" name="radio1" />label for="radioA">这是radioAlabel>input type="radio" id="radioB" name="radio1" />lab原创 2015-07-10 14:56:46 · 12340 阅读 · 1 评论 -
在IFrame中实现文本的自动换行
环境：chrome 43.0.2357.132style="word-wrap:break-word"> 清朝前期，我国的疆域西跨，北接西伯利亚，东临太平洋，南包成为亚洲最大的国家。参考：http://bbs.youkuaiyun.com/topics/40050703http://bbs.youkuaiyun.com/topics/20145418原创 2015-08-05 15:07:22 · 3504 阅读 · 0 评论 -
chrome中iframe交互问题
环境：ie11,chrome43parent.htmlfunction modiframe(){ var ifr_doc = document.getElementById("iframe1").contentDocument; ifr_doc.getElementById("label1").innerHTML = "改变了";}改值a.htmlc原创 2015-08-05 22:24:38 · 29584 阅读 · 0 评论 -
RSC-010, ERROR, [Reference to non-standard resource type found.]
使用epubcheck检查epub文件,报错：RSC-010, ERROR, [Reference to non-standard resource type found.], chapter-001.xhtml (1087-112)RSC-011, ERROR, [Found a reference to a resource that is not a spine item.], ch原创 2016-01-21 09:21:35 · 870 阅读 · 0 评论 -
jquery动画循环播放
环境：chrome 43.0.2357.132 m div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:60px; background:green; display:none; } div.newcolor { background:blue;转载 2015-12-04 11:24:09 · 5062 阅读 · 0 评论 -
CSS3教程:pointer-events属性值详解(转)
作者：佚名 来源：不详 更新时间：2011-9-22其实早知道这个属性，但是一直没有去研究过。今天正好在twitter看到这个词，就去研究了下，正好解决了目前遇到的一个小难题，所以分享下。嗯，其实这是个比较简单的CSS3属性。在某个项目中，很多元素需要定位在一个地图层上面，这里就要用到很多绝对定位或者相对定位的元素，但是这样的话，这些浮在上面的div或者其它元素一般都会给个宽高，或者rel转载 2015-11-27 19:18:49 · 715 阅读 · 0 评论 -
The key "" is not recognized and ignored
环境：win7 64位，chrome 44.0.2403.125打开一网页，chrome控制台报警告:The key "" is not recognized and ignoredhtml代码：<meta name="viewport" content="width=1024, height=768,initial-scale=1.0,maximum-scale=1.0,us原创 2016-05-12 10:28:54 · 32873 阅读 · 5 评论 -
移动前端开发之viewport的深入理解（转）
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a转载 2016-04-20 17:14:20 · 1358 阅读 · 0 评论 -
后 HTML5 时代（一）(转)
十二年前，无论多么复杂的布局，在我们神奇的table面前，都不是问题；十年前，阿捷的一本《网站重构》，为我们开启了新的篇章；八年前，我们研究yahoo.com，惊叹它在IE5下都表现得如此完美；六年前，Web标准化成了我们的基础技能，我们开始研究网站性能优化；四年前，我们开始研究自动化工具，自动化测试，谁没玩过nodejs都不好意思说是页面仔；二年前，各种终端风起云涌，响应式、转载 2016-11-10 09:42:25 · 537 阅读 · 0 评论 -
后HTML5时代Ⅱ(转)
话说前一篇文章，作者为展现其逼格，在前面大讲前端/重构历史，以2年为一个节点。。我并不知道这是不是意味着什么。直到我开始写这篇文章。在刚复制完他的标题，粘贴到发表文章页面的文章标题一栏时，我似乎明白了一些什么。我本来是想直接写《后html5时代（Ⅲ）》的，但是基于团队有为数不少的处女座，其中也包含了我的领导，故怕被拍死。所以还是用了《后html5时代Ⅱ》，但这真不是我的本意。回头我还是要去找上篇文转载 2016-11-10 09:48:27 · 484 阅读 · 0 评论 -
HTMLDocument3 getElementById Run-Time Check Failure #0
错误代码: IHTMLDocument3* pHtmlDoc3 =(IHTMLDocument3*)CHtmlView::GetHtmlDocument(); CComBSTR id("exchange_offers"); IHTMLElement* pDiv = NULL; HRESULT hr = pHtmlDoc3->getElementById(id, &pDiv);正确代码原创 2013-12-29 12:44:50 · 2000 阅读 · 0 评论