![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 58
SalmonellaVaccine
这个作者很懒,什么都没留下…
展开
-
Make autofill background transparent
https://jsfiddle.net/ju3g47jh/14/div.select_custom_background { background-image: url(http://i.stack.imgur.com/mbisi.png) !important; width: 175px}input { backgr转载 2016-09-27 01:00:18 · 444 阅读 · 0 评论 -
html5学习4:HTML5之input:file说明
http://qianduanblog.com/post/html5-learning-4-html5-input-file.html一、input:file属性属性值有以下几个比较常用:accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。multiple:是否可以选择多个文件,多个文件时其value值为第一个转载 2015-01-27 07:35:37 · 1138 阅读 · 0 评论 -
HTML5 File API: How to see the result of readAsText()
http://stackoverflow.com/a/13729386/2177408readAsText is asynchronous, so you would need to use the onload callback to see the result.Try something like this,var fr = new FileReader();转载 2015-01-27 07:25:17 · 597 阅读 · 0 评论 -
使用JavaScript进行基本图形操作与处理
http://www.ituring.com.cn/article/121428仅截取了HTML5 File API相关段落。此连接截取内容之后有大量高大上的傅立叶变换的操作讲解。由于HTML5引入了canvas标签,这大大简化了JavaScript处理图像的工作。通过canvas,JavaScript可以对图像进行像素级的操作,甚至还可以直接处理图像的二进制原始数据,这为图像的签转载 2015-01-27 07:24:25 · 640 阅读 · 0 评论 -
通过 File API 使用 JavaScript 读取文件
http://www.html5rocks.com/zh/tutorials/file/dndfiles/By Eric Bidelman已发布: 六月 18th, 2010Comments: 283简介HTML5 终于为我们提供了一种通过 File API 规范与本地文件交互的标准方式。为了举例说明其功能,可使用 File API 在向服务转载 2015-01-27 04:34:13 · 1017 阅读 · 0 评论 -
细说HTML元素的ID和Name属性的区别
http://www.cnblogs.com/birdshome/archive/2005/01/31/99562.html可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。转载 2015-01-27 07:17:32 · 449 阅读 · 0 评论 -
What does appending “?v=1” to CSS and Javascript URLs in link and script tags do?
Question:I have been looking at a HTML 5 boilerplate template (from http://html5boilerplate.com/) and noticed the use of "?v=1" in URLs when referring to CSS and Javascript files.What转载 2014-11-04 04:28:06 · 621 阅读 · 0 评论 -
HTML5 textarea placeholder not appearing
http://stackoverflow.com/questions/10186913/html5-textarea-pThis one has always been a gotcha for me and many others. In short, the opening and closing tags for the element must be on the same转载 2014-11-04 03:12:35 · 495 阅读 · 0 评论 -
a tag中span居中
http://www.css-lab.com/demos/vertical-center/vert-align-navbar.html主要用于shen转载 2014-11-04 05:18:18 · 1099 阅读 · 0 评论 -
不同类型的input选择器
Textinput:textCheckboxinput:checkboxNumberinput[]原创 2014-10-04 04:07:42 · 1154 阅读 · 0 评论 -
Link inside of input tag
http://stackoverflow.com/questions/6959484/link-inside-of-input-tagYou have two options.Place the image as a background of the input, but this won't be clickable.Absolutely position the转载 2014-10-10 23:59:25 · 490 阅读 · 0 评论 -
两个div并列
div1 div2 body{ margin: 0; width: 100%;}#div1{ height: 30px; width: 10%; border: solid 1px #000000; background-color: #0066CC; float: left;}#div2{ height: 30px; width: 9转载 2014-10-11 00:37:02 · 604 阅读 · 0 评论 -
img在div中居中
http://jsfiddle.net/kizu/4RPFa/4570/ .frame { height: 25px;转载 2014-10-11 00:33:20 · 947 阅读 · 0 评论 -
关于HTML5的FileReader这个高级货的用法
http://tara1128.iteye.com/blog/1935141今天写码遇到的一个需求是在页面中上传文件时, 只选择文件,并未上传,即在前端判断文件大小, 如果文件过大,则提示用户重新选择文件。 原本判断文件大小的思路,是使用img元素, 把文件的URL赋值给img的src,然后通过filesize来拿到文件大小。 但使用这个方法,必须得到文件的URL,所以转载 2015-01-27 07:19:25 · 1002 阅读 · 0 评论 -
Align image in center and middle within div
http://stackoverflow.com/questions/4888223/align-image-in-center-and-middle-within-div#over img { display: block; margin-left: auto; margin-right: auto;}转载 2014-12-05 07:56:45 · 456 阅读 · 0 评论 -
Interviewing a front-end developer
http://blog.sourcing.io/interview-questions Part of my role at Twitter and Stripe involved interviewing front-end engineering candidates. We were given a fair amount of discretion on how we went a转载 2014-12-08 16:12:59 · 542 阅读 · 0 评论 -
HTML5 <script>元素async,defer异步加载
http://blog.csdn.net/renfufei/article/details/10210949原文地址:HTML5′s async Script Attribute原文日期: 2010年09月22日翻译日期: 2013年08月22日(译者注: 异步加载,可以理解为无阻塞并发处理.)(译者再注: 建议使用 defer,但是经测试发现转载 2016-09-09 13:53:47 · 418 阅读 · 0 评论 -
How to add event listener to div
http://stackoverflow.com/questions/148361/how-can-i-give-keyboard-focus-to-a-div-and-attach-keyboard-event-handlers-to-itI am building an application where I want to be able to click a recta转载 2016-06-25 01:36:05 · 533 阅读 · 0 评论 -
Fullscreen API
https://davidwalsh.name/fullscreenBy David Walsh on December 23, 2013 As we move toward more true web applications, our JavaScript APIs are doing their best to keep up. One ver转载 2016-05-17 11:58:20 · 550 阅读 · 0 评论 -
So, You Want A FullScreen Browser, Huh?
http://www.htmlgoodies.com/beyond/dhtml/article.php/3470521#openBy Joe BurnsUse these to jump around or read it all...[Open In FullScreen Mode][Close It Up][Click To Full Screen Mode转载 2016-05-17 11:41:16 · 401 阅读 · 0 评论 -
别忘记Viewport Meta标签
http://webdesign.tutsplus.com/zh-hans/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972我还记得我的初次响应式网页设计的经历;我用了经典的网格设计,加入了灵活布局,并第一次用到了media queries。延展和缩小浏览器窗口得到了我想要的响应式设计的效果。之转载 2016-01-09 00:42:20 · 727 阅读 · 0 评论 -
Zero-width non-breaking space
问题:网页上面“5%”被分成了两行,“10%”在一行内,需要把5%也保持在一行内。解决方法:http://stackoverflow.com/a/11393767/2177408There is no entity reference for ZWNBSP (zero-width no-break space) in HTML, but it, like原创 2015-12-11 04:15:22 · 968 阅读 · 0 评论 -
HTML5 <script>元素async,defer异步加载
http://blog.csdn.net/renfufei/article/details/10210949原文地址:HTML5′s async Script Attribute原文日期: 2010年09月22日翻译日期: 2013年08月22日(译者注: 异步加载,可以理解为无阻塞并发处理.)(译者再注: 建议使用 defer,但是经测试发现 defe转载 2015-06-06 01:49:01 · 498 阅读 · 0 评论 -
使用soft hyphen(­)自动断行
本文的起因是页面中有像“$9.99/yr”这样的字符串,我们希望如果这个字符串太长的话就从“/”前面断开。最初有两种解决方案,一是用,另一个是用soft hyphen 。说实话这两个东西本人都是第一次见到。google + 实验之后,发现不是所有浏览器都支持,则没有起到预期的效果,也就是说并没有把字符串从“/”前面断开。继续google,发现后者没有效果原创 2015-04-30 09:01:53 · 1468 阅读 · 0 评论 -
WAI-ARIA无障碍网页应用属性完全展示
http://www.zhangxinxu.com/wordpress/2012/03/wai-aria-%E6%97%A0%E9%9A%9C%E7%A2%8D%E9%98%85%E8%AF%BB/by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=227转载 2015-03-05 00:34:45 · 901 阅读 · 0 评论 -
获取父标签之内子标签之外的text
标题起的有点绕,举个例子说明: August 11. 2013 North Carolina Fayetteville Williams Family ReunionWhat I want 上面这个SVG中,怎么取到里同时在之外的text "What I want"。我试过$('text').text(),结果是tex转载 2015-01-23 03:53:17 · 959 阅读 · 0 评论 -
获取父标签之内子标签之外的文本
标题起的有点绕,举个例子说明: August 11. 2013 North Carolina Fayetteville Williams Family ReunionWhat I want 上面这个SVG中,怎么取到里同时在之外的text "What I want"。我试过$('text').text(),结果转载 2015-01-23 04:32:52 · 1816 阅读 · 0 评论 -
display:inline、block、inline-block 的区别
http://m.studyofnet.com/news/334.html一、块级元素 与 行级元素 要理解display:inline、block、inline-block的区别,需要先了解HTML中的块级(block)元素和行级(inline)元素的特点,行内元素也叫内联元素。 1、块级元素 总是另起一行开始;高度,行高以及转载 2014-12-08 16:56:19 · 498 阅读 · 0 评论 -
Creating Custom share buttons: Facebook, Twitter, Google+
Connection social media to any website is one of the important parts in building a website, and any website without those share buttons wouldn’t survive a lot. But sometimes the Default share/tweet转载 2014-10-29 01:46:46 · 1480 阅读 · 0 评论 -
convert div into image
AGE Patient age, in years Value Freq转载 2014-10-01 07:47:44 · 726 阅读 · 0 评论 -
两个居中问题
http://jsfiddle.net/53ALd/6/ Name:转载 2014-11-11 03:21:57 · 443 阅读 · 0 评论 -
HTML, CSS, Javascript和jQuery的一些经验总结
1. 背景图片的大小随div大小成比例变化//To scale the background image to fit inside the div:background-size: contain;//To scale the background image to cover the whole div:background-size: cover;http://stackove原创 2014-03-23 18:46:46 · 1382 阅读 · 0 评论 -
关于锚点跳转及jQuery下相关操作与插件
http://www.zhangxinxu.com/wordpress/2010/07/%E9%94%9A%E7%82%B9%E8%B7%B3%E8%BD%AC%E5%8F%8Ajquery%E4%B8%8B%E7%9B%B8%E5%85%B3%E6%93%8D%E4%BD%9C%E4%B8%8E%E6%8F%92%E4%BB%B6/转载 2014-04-24 17:30:48 · 844 阅读 · 1 评论 -
人体时钟hone hone clock
http://ziren.org/tools/hone-hone-clock.html转载 2014-04-24 17:52:40 · 2063 阅读 · 0 评论 -
28个你必须知道的HTML5的新特性,技巧以及技术
http://adamlu.com/?p=584转载 2014-04-23 06:10:32 · 1172 阅读 · 0 评论 -
HTML5之表单详解
http://mrthink.net/html5-newfeatures-form/时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵—HTML5.虽然HTML5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试应用(比如应用,比如canvas的应转载 2014-04-23 06:06:38 · 517 阅读 · 0 评论 -
使用BOOTSTRAP快速打造一个有设计感的网站
http://www.elanblog.com/2013/04/19/bootstrap/像我这样的程序员来说经常被“设计”这个词吓到,因为我是一名程序员而不是设计师,我拥有的是计算机学位证,另外我对 Comic Sans 字体并不介意。(注:Comic Sans 字体是 Win95 附带的一种漫画字体,设计行业极为排斥,设计师或那些拥有美学情结的人不屑与之为伍。更多查看这篇为什么转载 2014-03-24 08:51:13 · 1591 阅读 · 0 评论 -
position 的 static、relative、absolute、fixed、inherit
http://www.cftea.com/c/2009/01/84CEP6T7Q4BYZ1OZ.asp网上也早有关于 position 的讲解,我个人觉得写得不全面,所以我才在迟到的今天写下这篇文章。position 有五个值:static、relative、absolute、fixed、inherit。static是默认值。就是按正常的布局流从上到下从左到转载 2014-03-23 02:35:01 · 480 阅读 · 0 评论 -
Reduce opacity of div's background without affecting contained element
http://css-tricks.com/rgba-browser-support/RGBa is a way to declare a color in CSS that includes alpha transparency support. It looks like this:div { background: rgba(200, 54, 54, 0.5);转载 2014-03-23 02:11:37 · 687 阅读 · 0 评论 -
input button 变手型
http://blog.csdn.net/java_lifei/article/details/8602613今天遇到个问题,就是测试说点击按钮的时候把鼠标的形状变为手型,我想了一会儿觉得不行,于是上网查了下资料,说 的用js,感觉也麻烦于是找啊找啊!终于找到了如下:手型 代码:手型 十字型 代码:十字型 文本型 代码:文本型 等待效果 代码转载 2013-10-21 07:20:03 · 1093 阅读 · 0 评论