随笔分类 -  HTML+CSS

上一页 1 2
HTML之调用摄像头实现拍照和摄像功能
摘要：应该有很多人知道，我们的手机里面有个功能是“抓拍入侵者”，说白了就是在解锁应用时如果我们输错了密码手机就会调用这一功能实现自动拍照。 其实在手机上还有很多我们常用的软件都有类似于这样的功能，比如微信扫一扫二维码，玩图…… 感觉挺有趣的，今天，我们就来研究一下这个功能的原理，不过我们不是用Androi 阅读全文
posted @ 2016-09-04 17:17 冷的锋刃 阅读(54729) 评论(4) 推荐(0)
HTML之DOM
摘要：查阅了一些资料，总结一下DOM。 DOM是W3C(万维网联盟)的文档对象模型中立于文档和语言的接口，它允许程序和脚本动态访问和更新文档的内容、结构和样式。 HTML DOM定义了所有HTML元素的对象和属性，以及访问它们的方法。通俗点说，HTML DOM就是关于如何获取、修改、添加或删除HTML元素 阅读全文
posted @ 2016-08-13 12:01 冷的锋刃 阅读(163) 评论(0) 推荐(0)
CSS之密码强度检测
摘要：输入密码后单击空白处即可检测。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <titl 阅读全文
posted @ 2016-06-15 10:11 冷的锋刃 阅读(1015) 评论(0) 推荐(0)
Html之网页分屏浏览
摘要：Hi! Every Body!Welcome to my blog! My name is Caiduping,I hope we learn to make progress together! Let's do it! 这是我做的一个小小的个人空间(只是在原页面上稍微改动了一点点)，BGM非常H 阅读全文
posted @ 2016-06-10 09:43 冷的锋刃 阅读(4214) 评论(0) 推荐(0)
CSS之颜色英文代码全集
摘要：ColorHex在线颜色查询 <head> <title>CSS之颜色英文代码全集</title> <style type="text/css"> <!-- .lu{FONT: 9pt; "宋体";} body { margin-top: 0px; margin-left: 0px; margin- 阅读全文
posted @ 2016-06-09 18:28 冷的锋刃 阅读(173) 评论(0) 推荐(0)
CSS之显示天气
摘要：这个可以有，自从有了这个，以后查询天气就方便多了，哈哈。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 阅读全文
posted @ 2016-06-07 07:50 冷的锋刃 阅读(625) 评论(0) 推荐(0)
CSS之生成全屏背景图片
摘要：在CSS中背景图片的填充方法： 主要是css样式： *{ margin:0; padding:0; } html{ /* This image will be displayed fullscreen */ background:url('http://images.cnblogs.com/cnbl 阅读全文
posted @ 2016-06-06 09:36 冷的锋刃 阅读(592) 评论(0) 推荐(0)
CSS之动态相册
摘要：注释还是比较详细的，所以我就不一一再说明了。 >运行效果图< （点击之前温馨提示一下：此picture是我自己的照片，本来不想拿出来的，后来觉得反正不会有很多人看到而且也没人认识我所以厚着脸皮还是摊了出来） 点击查看我做的效果图： 点击这里，感觉好尴尬啊 阅读全文
posted @ 2016-05-26 17:26 冷的锋刃 阅读(393) 评论(0) 推荐(0)
CSS之鼠标经过字体光标形状的改变
摘要：CSS中的cursor属性是规定要显示的光标的类型（形状）。 参阅JavaScript正则表达式 <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <span style="cursor:auto"> Auto</span><br /> <span style="curs 阅读全文
posted @ 2016-05-24 10:49 冷的锋刃 阅读(3642) 评论(1) 推荐(1)
CSS之边框属性
摘要：border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。 border-style的属性方位有四个分别为上、右、下、左，那么相对应border-style的dotted solid double dashed分别表示为上边框是点状、右边框点线、下边框双线和左边框虚线， 阅读全文
posted @ 2016-05-21 11:32 冷的锋刃 阅读(273) 评论(0) 推荐(0)
CSS之perspective
摘要：<!DOCTYPE html> <html> <head> <style> #div1 { position: relative; height: 150px; width: 150px; margin: 50px; padding:10px; border: 1px solid black; pe 阅读全文
posted @ 2016-03-07 23:13 冷的锋刃 阅读(263) 评论(0) 推荐(0)
CSS之图片关闭
摘要：<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS之图片关闭</title> <script language="javascript"> //关闭事件 function sh 阅读全文
posted @ 2016-01-11 09:33 冷的锋刃 阅读(480) 评论(2) 推荐(0)
CSS有用的代码片段
摘要：1.垂直对齐 .vc{ position:relative; top:50%; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } 2.只在一侧或者两侧具有投 阅读全文
posted @ 2016-01-06 09:34 冷的锋刃 阅读(198) 评论(0) 推荐(0)
CSS之照片翻转
摘要：<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JSphoto翻转</title> <META http-equiv=imagetoolbar content=no> <STYL 阅读全文
posted @ 2015-12-23 23:44 冷的锋刃 阅读(430) 评论(0) 推荐(0)
CSS之图片旋转
摘要：主方法为: 点击图片可以旋转： // <![CDATA[ var Img = function() { var T$ = function(id) { return document.getElementById(id); } var ua = navigator.userAgent, isIE = 阅读全文
posted @ 2015-12-13 23:42 冷的锋刃 阅读(540) 评论(0) 推荐(0)
CSS之拖拽库2
摘要：<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>拖拽库</title> <style type="text/css"> div,h2,p{margin:0;padding:0;} 阅读全文
posted @ 2015-12-10 20:47 冷的锋刃 阅读(450) 评论(0) 推荐(0)
CSS之Document方法的使用
摘要：<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>使用Document方法</title> <style type="text/css"> body{font-size:14px; 阅读全文
posted @ 2015-11-01 09:38 冷的锋刃 阅读(1602) 评论(0) 推荐(0)
CSS之简单树形菜单
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2015-11-01 09:26 冷的锋刃 阅读(1463) 评论(0) 推荐(0)
HTML之背景颜色的改变
摘要：<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>背景颜色的改变</title> </head> <!DOCTYPE html> <html> <head> <meta http-e 阅读全文
posted @ 2015-11-01 09:23 冷的锋刃 阅读(3917) 评论(0) 推荐(1)
CSS之表格操作
摘要：表格的colspan和rowspan属性参考：http://erpoperator.blog.163.com/blog/static/17899637220123993031921/ colspan是行，rowspan是列。 <head> <meta http-equiv="Content-Type 阅读全文
posted @ 2015-10-31 22:52 冷的锋刃 阅读(467) 评论(0) 推荐(0)

上一页 1 2