随笔分类 -  html

关于行内元素之间有空隙的问题，例如span与input之间
摘要：问题如图： 想要的是下面的效果，而却出现上面的效果，解决方法如下： 对于行元素span或者input来说 很多人会用inline-block来显示他们，但是往往发现 中间会留一段小空隙 ， 其实这个问题是由于换行引起的 <input> <span> 解决一： 我们通常都是一个标签写一行，如果我们把上 阅读全文
posted @ 2018-03-16 15:17 SophiaLiu 阅读(437) 评论(0) 推荐(0)
在按钮上添加倒计时激活功能（转自手册网）
摘要：附：JavaScript window.setTimeout() 的详细用法 setTimeout (表达式,延时时间)setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执 阅读全文
posted @ 2016-11-28 15:40 SophiaLiu 阅读(255) 评论(0) 推荐(0)
HTML <input> 标签的 maxlength 属性
摘要：前端的表单，需要进行验证。 结合JS表单验证框架，写了很多前端验证的代码。 其中，有这么一个需求：用户最多只能输入10个字符。 按照惯性，肯定是会去写JS表单验证了。 实际上，根本没有必要。 HTML中的maxlength属性就可以很简单地解决这个问题。 <input type="text" siz 阅读全文
posted @ 2016-09-29 20:43 SophiaLiu 阅读(1926) 评论(0) 推荐(0)
HTML <base> 标签的 target 属性 —— <base target="_blank" />
摘要：为页面上所有链接规定默认目标： 定义和用法 target 属性规定在何处打开页面上的所有链接。 定义和用法 target 属性规定在何处打开页面上的所有链接。 语法 属性值 阅读全文
posted @ 2016-07-12 16:48 SophiaLiu 阅读(1432) 评论(0) 推荐(0)
div嵌套内层div的margin-top转移给外层div的解决办法
摘要：在web开发过程中，有些情况下给内层ｄｉｖ设置的margin却被莫名奇妙的转移给了外层ｄｉｖ。百度之后，发现它竟然是ｃｓｓ２.１中盒模型中规定的内容： In this specification, the expression collapsing margins means that adjoin 阅读全文
posted @ 2016-04-27 16:28 SophiaLiu 阅读(682) 评论(0) 推荐(0)
实现在一个页面内，点击导航栏的不同链接，跳转到不同的页面
摘要：1.实现在一个页面内，点击导航栏的不同链接，跳转到不同的页面 <html><body><h1>HTML 教程目录</h1><ul><li><a href="#C1">第一章</a></li><li><a href="#C2">第二章</a></li><li><a href="#C3">第三章</a> 阅读全文
posted @ 2016-04-12 16:19 SophiaLiu 阅读(4603) 评论(0) 推荐(0)
带有可点击区域的图像映射：HTML <map> 标签
摘要：实例 带有可点击区域的图像映射： 注释：img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。 阅读全文
posted @ 2016-04-08 13:34 SophiaLiu 阅读(584) 评论(0) 推荐(0)
微信、微博、qq图标服务实现
摘要：实现原理：变化前的图标和变化后的图标在一张图片上，用这张图片作为背景，通过定义背景的位置来实现显示哪个图标，其中还带着滑动的动画效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti 阅读全文
posted @ 2016-03-11 15:31 SophiaLiu 阅读(222) 评论(0) 推荐(0)
dl dd dt与ul li
摘要：像这种格式的网页，可以用dl来实现，比较方便 阅读全文
posted @ 2016-03-11 13:32 SophiaLiu 阅读(169) 评论(0) 推荐(0)