2017年6月1日

摘要: 如何让一个div在页面正中 我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%。当然,我们就按一开始的思路写一下:top,left属性都设为50%,现在我们只需tanslate(-50%,-50%)就可以达到div既水平居中同时垂直居中。 { position 阅读全文
posted @ 2017-06-01 21:42 牧羊人2333 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 浮动 有几种不同方法可以用来清除浮动,而其中用得最多的是“overflow”技巧和"clearfix"技巧。 Overflow技巧 一种清除浮动的技巧是使用“overflow”属性。在具有浮动元素的父容器中设置“overflow”的属性值为“auto”,这样父容器就会有一个高度存在,在我们例子中的灰 阅读全文
posted @ 2017-06-01 21:39 牧羊人2333 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 三栏式布局 1、绝对定位法 这或许是三种方法里最直观,最容易理解的:左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 您可以狠狠地点击这里:绝对定位法演示demo css代码如下(为截图): HTML代码为(图片): 这里的左中右三 阅读全文
posted @ 2017-06-01 21:37 牧羊人2333 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 一、jQuery 的代码风格 $(function () {}); //执行一个匿名函数 $('#box'); //进行执行的ID元素选择 $('#box').css('color','red'); //执行功能函数 二、页面加载 1.window.onload=function(){} ①必须等待 阅读全文
posted @ 2017-06-01 21:14 牧羊人2333 阅读(92) 评论(0) 推荐(0) 编辑

2017年5月19日

摘要: 1.首先用html组织一个页面 element.addEventListener(event, function, useCapture) 参数值 true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行 阅读全文
posted @ 2017-05-19 09:13 牧羊人2333 阅读(212) 评论(0) 推荐(0) 编辑

2017年5月18日

摘要: 1.标准字符集和 \d:任意一个数字,0-9中的一个; \w:任意一个字母数字下划线,即a-z, A-Z, 0-9,_中的一个; \s:空格,换行符,制表符等空白字符中的一个; .:小数点可以匹配任意一个字符 2.自定义字符集和 []匹配,,匹配方括号中的任意一个字符 如[a,v,b,d],指的是匹 阅读全文
posted @ 2017-05-18 17:12 牧羊人2333 阅读(94) 评论(0) 推荐(0) 编辑
摘要: window.onload=function(){}就是window对象,alert()也是,他其实是window.alert();。window对象还有一个confirm()操作函数,作为确认框。window的很多操作都是与窗口有关的 1.confirm()操作函数 <a href="Xxx" o 阅读全文
posted @ 2017-05-18 10:45 牧羊人2333 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 1.页面的布局——table 每一个HTML元素对javascript而言都属于一个对象。取得元素对象:document.getElementById();基础的布局是使用表格的方式实现布局,因为表单的操作几乎都是固定的。 阅读全文
posted @ 2017-05-18 10:45 牧羊人2333 阅读(124) 评论(0) 推荐(0) 编辑

2017年5月15日

摘要: js表单验证模板 下面是对于一个email的表单验证的基本模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style type="text/css" > .init{ border: 1px solid black; f 阅读全文
posted @ 2017-05-15 22:22 牧羊人2333 阅读(248) 评论(0) 推荐(0) 编辑

导航