2018年03月_南城夏季

原创解决windowlocationhref不跳转的 BUG

今晚写了代码发现了一个小BUG，记录下。<form>--------- <p>  <div class="footerContainer"> <button id="nextStep" onclick="skip()&q

2018-03-26 23:33:29 16595 7

原创 -we b kit-overflow-scrolling : touch;开启手机网页快速滚动和回弹的效果

body{ overflow-x:hidden; height: 100%; /*开启手机网页快速滚动和回弹的效果*/ -webkit-overflow-scrolling: touch; font-size: 12px; font-family: "微软雅黑"; overflow-x: hidden; -webkit-text-size-adjus...

2018-03-31 22:15:43 610

原创 HTML 中块级元素设置 height:100% 的实现

现在你给了这个div的高度为100%，它有两个父元素<body>和<html>。为了让你的div的百分比高度能起作用，你必须设定<body>和<html>的高度！！！<html style="height: 100%;"> <body style="height: 100%;"> &l

2018-03-31 22:01:35 613

原创 c s s 选择器

选择器示例示例说明CSS.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元素1**选择所有元素2elementp选择所有<p>元素1element,elementdiv,p选择所有<div>元素和<p>元素1element elementdiv p选择<div>元素内的...

2018-03-30 13:53:50 470

v w ：viewpoint width，视窗宽度，1 v w等于视窗宽度的1%。v h ：viewpoint height，视窗高度，1 v h等于视窗高度的1%。v min ：v w和v h中较小的那个。v max ：v w和v h中较大的那个。相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的v min示例代码：h1 {font-size: 8vm;font-size:...

2018-03-30 13:43:48 1287

原创 CSS background-blend-mode 属性

background-blend-mode 属性定义了背景层的混合模式（图片与颜色）。下面是代码和效果，<style>body {background-color: yellow;}div { width: 290px; height: 69px; background-size: 290px 69px; background-repeat:no-repeat; ba...

2018-03-30 13:22:00 798

原创 font-size=0的妙用，解决div塌陷

今天写轮播图的时候发现，在设置图片宽度时，第二张图片会塌陷到下面去，其实是出于排版的原因两个div之间留下了空白字符，才导致两个div元素之间留有间距，导致图片塌陷。另外，display：inline-block的元素之间会有一个字符的间隙，这个间隙导致了最后一个会掉下来。解决方法：1、给父元素设置font-size ： 0 p x；--------推荐2、取消掉换行符，如这样：<span&...

2018-03-29 16:42:58 821 1

原创 test和match的用法

test是regExp的方法，参数是字符串，返回值是布尔类型。match是String的方法，参数是正则表达式，返回值是数组。 1 //判断日期类型是否为YYYY-MM-DD格式的类型 2 function IsDate(){ 3 var str = document.getElementById('str').value.trim(); 4 if(...

2018-03-28 18:01:13 1713

原创 return true和 return false区别

return true；返回正确的处理结果。return false；返回错误的处理结果；终止处理；阻止提交表单；阻止执行默认的行为。return；把控制权返回给页面。

2018-03-28 17:56:58 7684 1

weixin_39818813的博客