cursor
摘要：cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里不被支持，反而支持cursor：pointer。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cu
阅读全文
posted @
2016-03-31 16:19
hduhdc
阅读(271)
推荐(0)
同一个事件绑定不同的函数
摘要：1 2 3 4 5 无标题文档 6 58 59 60 61 62
阅读全文
posted @
2016-03-22 16:17
hduhdc
阅读(236)
推荐(0)
a：link visited hover active
摘要：CSS中a:link、a:visited、a:hover、a:active的用法:建议:尽可能的手写代码，可以有效的提高学习效率和深度。在网页设计中，设计美观的超链接效果可以增强网站的用户体验，可能会给浏览者留下良好的印象，从而带来不少的回头客。所以a:link、a:visited、a:hover、
阅读全文
posted @
2016-03-21 15:48
hduhdc
阅读(181)
推荐(0)
对于属性操作，加入属性，移除属性
摘要：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script>window.onload = function() {
阅读全文
posted @
2016-03-18 16:39
hduhdc
阅读(306)
推荐(0)
offset获取位置
摘要：1 2 3 4 5 ll无标题文档 6 12 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
阅读全文
posted @
2016-03-18 15:58
hduhdc
阅读(189)
推荐(0)
清除浮动6中方法
摘要：使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情
阅读全文
posted @
2016-03-17 11:21
hduhdc
阅读(179)
推荐(0)
div里面的margin-top失效
摘要：原因：盒子没有获得 haslayout 造成 margin-top无效 解决办法： 1、在父层div加上：overflow:hidden； 2、把margin-top外边距改成padding-top内边距 ； 3、父元素产生边距重叠的边有不为 0 的 padding 或宽度不为 0 且 style
阅读全文
posted @
2016-03-17 10:33
hduhdc
阅读(556)
推荐(0)
push以及pop，shift，unshift
摘要：压入数组：往数组后面加：push arr.push（）返回值为添加后数组的长度 往数组前面加：unshift arr.unshift（）返回值为添加后数组的长度 拿出数组：拿掉数组后面：pop 返回值为：arr。pop弹出的值 拿掉数组前面：shift 返回值为：arr。pop弹出的值
阅读全文
posted @
2016-03-16 16:36
hduhdc
阅读(142)
推荐(0)
字符串总计
摘要：var str = '妙味课堂-WWW.miaov.com'; str.charAt(1); // '味'str.charCodeAt(1); // 21619String.fromCharCode(22937, 21619); // '妙味' str.indexOf('m', 4); // 9st
阅读全文
posted @
2016-03-15 11:41
hduhdc
阅读(163)
推荐(0)
检测一段字符串是不是数字
摘要：// alert( str.length );// alert( str.charAt() ); // alert( str.charCodeAt() ); // 22937// alert( str.charCodeAt(1) ); // 21619 alert( str.charCodeAt()
阅读全文
posted @
2016-03-14 21:26
hduhdc
阅读(151)
推荐(0)
math ceil以及math floor，math：round
摘要：◎Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；◎Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；◎Math.round()执行标准舍入，即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)。
阅读全文
posted @
2016-03-14 20:33
hduhdc
阅读(160)
推荐(0)
dl以及dt，dd，以及table的tr，th，td最清楚分析
摘要：1，定义：<dl> <dt> <dd>是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式，默
阅读全文
posted @
2016-03-14 19:52
hduhdc
阅读(927)
推荐(0)
over-float清除浮动++隐藏溢出
摘要：overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样
阅读全文
posted @
2016-03-14 19:49
hduhdc
阅读(1282)
推荐(0)
自己看
摘要：setInterval； clearInterval； setTimeout; clearTimeout; getFullYears; getMonths;记得+1月是从0开始的 getDates; getDays;周几只是像是0，1，2，3，4，5，6， var myTime = ne
阅读全文
posted @
2016-03-14 16:41
hduhdc
阅读(313)
推荐(0)
img图片inline-block总结
摘要：<div style="font-size:0;"> <img data-src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" /> <img data-src="http://image.zhangxinxu.com/image/
阅读全文
posted @
2016-03-13 11:11
hduhdc
阅读(828)
推荐(0)
获取函数内里面的数据，总结
摘要：var str = ''; function fn1(){ var a = '大鸡腿~'; str = a; } fn1(); // alert( str ); function fn2(){ var a = '9999999克拉钻石23456789'; fn3(a); } fn2(); funct
阅读全文
posted @
2016-03-12 10:00
hduhdc
阅读(287)
推荐(0)
全局以及局部作用域
摘要：var a=1； function fn1(){alert(a);var a=2;} fn1(); alert (a); 先回谈出：未定义； 后探出 ：1； 因为在FN1函数里面没有定义a所以开始探出未定义，在函数里面修改a不会影响全局变量。所以第二次探出全局变量a=1； /*var a = 1;f
阅读全文
posted @
2016-03-12 09:34
hduhdc
阅读(149)
推荐(0)
parseint和parsefloat总结number。隐形转换
摘要：parseint:会认识一些字符+、-、空格，其他的就会截止譬如23hudhchauch结果为：23，对于boollen类型不能转换为1或是0. number：是对整体的转换。对true的转换为1. 显式类型转换（强制类型转换）：Number()parseInt()parseFloat() 隐式类型
阅读全文
posted @
2016-03-10 21:46
hduhdc
阅读(528)
推荐(0)
随笔css的样式
摘要：div独占一行 span和div很相似但是span会随着内容的变化而改变宽度； p独占一行height：由字体撑开。 a标签不支持宽和高需要加入dispaly：block； img，input，会排在一行。 overflow：hidden；text-overflow：elipisis表示多余的部分隐
阅读全文
posted @
2016-03-10 09:37
hduhdc
阅读(135)
推荐(0)
this的应用
摘要：1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 7 <script> 8 9 /* 1
阅读全文
posted @
2016-03-09 15:51
hduhdc
阅读(160)
推荐(0)
文字在边界自动换行word-wrap:break-word
摘要：div容器内中内容将在边界内换行，（word-wrap）英语句子中单词内不强制换行。（word-break）如果需要词内换行
阅读全文
posted @
2016-03-08 15:14
hduhdc
阅读(222)
推荐(0)
js数组总结
摘要：1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 7 <script> 8 var nu
阅读全文
posted @
2016-03-07 16:45
hduhdc
阅读(103)
推荐(0)
通过js来修改div的style（background，border，。。。。。。。）
摘要：1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #div{widt
阅读全文
posted @
2016-03-07 15:54
hduhdc
阅读(6220)
推荐(0)
直接在script里面换样式IE6,7,8不兼容
摘要：1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 </head> 7 8 <body>
阅读全文
posted @
2016-03-07 15:11
hduhdc
阅读(146)
推荐(0)
JS的className，字体放大缩小
摘要：1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <script> 7 window.o
阅读全文
posted @
2016-03-07 14:40
hduhdc
阅读(470)
推荐(0)
小总结
摘要：input：和button，select，img是不分行的在一行上面显示 input也会一行 <p></p>换行 <br />也是换行的 <img id="img1" src="img/1.jpg" width="200" />一 span不认宽高
阅读全文
posted @
2016-03-07 10:52
hduhdc
阅读(102)
推荐(0)
2016-3-6.16:43------------js开始
摘要：-------------------------------------------------------------------
阅读全文
posted @
2016-03-06 18:13
hduhdc
阅读(94)
推荐(0)
IE6下整站的bug详解
摘要：《1》文字不居中：加一个行高； 《2》png文件作为背景不显示： <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix('*');在这个地方可可加入div 或是p </
阅读全文
posted @
2016-03-05 12:03
hduhdc
阅读(99)
推荐(0)
父亲浮动，子代也会跟着走
摘要：1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"/> 5 <title>无标题文档</title> 6 <style> 7 #a{width:500px;height:500px;border:solid black 4px;}
阅读全文
posted @
2016-03-05 11:27
hduhdc
阅读(129)
推荐(0)
内联元素和块元素
摘要：内联不占行，如input，span，a，你会发现写多个input的时候，它们都排在同一行块状元素，占行，如div，p。你会发现写多个div的时候，它们都各自占一行。有时候你用到什么元素的时候，可能自己观察下。也可以去看下w3school。如果你想内联元素占行，可以用css中的display：bloc
阅读全文
posted @
2016-03-05 11:26
hduhdc
阅读(135)
推荐(0)
inline-block
摘要：使得a标签认识宽和高，并且水平排列 display：block认识宽和高，垂直排列
阅读全文
posted @
2016-03-04 23:25
hduhdc
阅读(115)
推荐(0)
overflow：hidden
摘要：超出之后隐藏，比如有一个div，高度和宽度都是100像素，当里面的内容很多，div里撑不下时，如果设置overflow:hidden，就会把超出的内容隐藏掉不显示
阅读全文
posted @
2016-03-04 22:57
hduhdc
阅读(125)
推荐(0)
鼠标点到某个位置出现手势的效果。
摘要：cursor:pointer由箭头变为小手 如果想鼠标碰到九变色加一个active .sort .active { background:#099; color:#fff; } 背景为#099 字体为fff。
阅读全文
posted @
2016-03-04 22:56
hduhdc
阅读(234)
推荐(0)
对于清浮动问题，终极。
摘要：当同时出现左浮动以及右浮动的时候，父亲就包不住了？？？？ 方法一：给父亲加上高； 方法二：清浮动{after/clear....}
阅读全文
posted @
2016-03-04 22:02
hduhdc
阅读(129)
推荐(0)
将所需要的图标排成一列组成一张图片，方便管理。li的妙用
摘要：我在做一个网站的header 但是视频教学里面将电话图标，微信图标，以及每一个英文字母右边的小点拼成一副图。 （图片的名字是top_ioc。png）拼成的整个图片作为li的背景。通过移动就可以分别将每幅图放到指定位置。 .top_menu { float:left; } .top_menu li {
阅读全文
posted @
2016-03-04 08:46
hduhdc
阅读(408)
推荐(0)
优先级
摘要：！important >style(行间)>id>class>类型>默认
阅读全文
posted @
2016-03-02 20:57
hduhdc
阅读(126)
推荐(0)
对于IE6版本图片透明。
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/DD_belatedPNG_0.0.8a.js"></script> 7 <script> 8 DD_be
阅读全文
posted @
2016-03-02 20:13
hduhdc
阅读(159)
推荐(0)
hack,不同的IE浏览器
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 width: 200px; 9 height: 200px; 10 background-color:
阅读全文
posted @
2016-03-02 19:53
hduhdc
阅读(130)
推荐(0)
IE6 下 输入类型表单控件背景问题
摘要：.box input{background:url(img/1.jpg) fixed} <body> <div class="box"> <input type="text" >图片加入fixed就行 </div> </body> 背景图片就会固定不动.
阅读全文
posted @
2016-03-02 19:50
hduhdc
阅读(137)
推荐(0)
给input元素添加float. 去除IE6 下input的空隙
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 border: 1px solid #000000; 10 backg
阅读全文
posted @
2016-03-02 19:22
hduhdc
阅读(212)
推荐(0)
IE6下绝对定位元素和浮动元素并列绝对定位元素消失
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 height: 200px; 10 border: 1px solid
阅读全文
posted @
2016-03-02 19:21
hduhdc
阅读(277)
推荐(0)
IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1个像素的偏差
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 308px; 9 height: 308px; 10 background-color:
阅读全文
posted @
2016-03-02 18:31
hduhdc
阅读(222)
推荐(0)
IE6 7 父级元素的overflow:hidden 是包不住子级的relative
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 height: 200px; 10 background-color:
阅读全文
posted @
2016-03-02 18:25
hduhdc
阅读(188)
推荐(0)
浮动元素之间注释，导致多复制一个文字问题
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .wrap{ 8 width: 400px; 9 } 10 .left{ 11 float: left; 12 } 1
阅读全文
posted @
2016-03-02 18:21
hduhdc
阅读(236)
推荐(0)
li里元素都浮动 li 在IE6 7 下方会产生4px间隙问题
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .list{ 8 margin: 0; 9 padding: 0; 10 list-style: none; 11 w
阅读全文
posted @
2016-03-02 16:59
hduhdc
阅读(193)
推荐(0)
在IE6里面当元素浮动后再设置margin那么就会产生双倍边距
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 0; 9 } 10 .box{ 11 width: 750px; 12 border:
阅读全文
posted @
2016-03-02 16:51
hduhdc
阅读(283)
推荐(0)
IE6下最小19px像素
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 height: 1px; 9 background-color: red; 10 overflow: h
阅读全文
posted @
2016-03-02 16:35
hduhdc
阅读(159)
推荐(0)
IE6里面display:inlineblock使得块元素成行排列,没用
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 width: 100px; 9 height: 100px; 10 background-color:
阅读全文
posted @
2016-03-02 16:08
hduhdc
阅读(139)
推荐(0)
margin问题
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 background-color: green; 9 overflow: hidden; <margi
阅读全文
posted @
2016-03-02 16:05
hduhdc
阅读(164)
推荐(0)
IE6里面子集尺寸大的会把父亲撑大
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 200px; 9 height: 200px; 10 border: 10px soli
阅读全文
posted @
2016-03-02 15:44
hduhdc
阅读(144)
推荐(0)
第一个元素<flout>写了,想在他的旁边加一个元素.IE6会出现缝隙. 不要用margin撑开,要用flout
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 0; 9 } 10 .box{ 11 width: 500px; 12 } 13 .l
阅读全文
posted @
2016-03-02 15:42
hduhdc
阅读(200)
推荐(0)
兼容性，float
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 400px; 9 border: 1px solid black; 10 overflo
阅读全文
posted @
2016-03-02 15:33
hduhdc
阅读(293)
推荐(0)
HTML5的兼容问题以及调用js文件的方法
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/html5shiv.js"></script>《直接加入script引用js文件来解决html5的兼容问题
阅读全文
posted @
2016-03-02 15:10
hduhdc
阅读(2044)
推荐(0)
表单
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <form action="http://www.miaov.com"> 9 <p> 10 <inp
阅读全文
posted @
2016-03-01 19:30
hduhdc
阅读(146)
推荐(0)
表格的编写，课程表
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 th,td{ 8 padding: 0; 9 }《由于th和td有自己默认的margin》 10 table{ 11
阅读全文
posted @
2016-03-01 19:23
hduhdc
阅读(518)
推荐(0)
填写信息的文章区域text_area
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> textarea{ width: 500px; height: 300px; } </style> </head> <body> <textarea
阅读全文
posted @
2016-03-01 19:15
hduhdc
阅读(97)
推荐(0)
地址选择的，弹出的下拉。select。通过《option》《/option》来隔开
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <select><option>昌平区</option> 9 <option>海淀区</option
阅读全文
posted @
2016-03-01 19:13
hduhdc
阅读(106)
推荐(0)
表单提交，以及标注。
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <form action="http://www.miaov.com">《提交以后的网站》 9 <p
阅读全文
posted @
2016-03-01 19:04
hduhdc
阅读(207)
推荐(0)
优酷弹图《透明度》
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 div{ 8 width: 300px; 9 height: 300px; 10 }
阅读全文
posted @
2016-03-01 15:37
hduhdc
阅读(146)
推荐(0)
半透命opacity:(0-1)，对于IE6版本不支持需要用filter：alpha（opacity=0-100）
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 div{ 8 width: 300px; 9 height: 300px; 10 background-color:
阅读全文
posted @
2016-03-01 15:08
hduhdc
阅读(192)
推荐(0)
绝对定位的特征以及需要注意的情况6条
摘要：position:absolute; 绝对定位 a、使元素完全脱离文档流； b、使内嵌支持宽高； c、块属性标签内容撑开宽度； d、如果有定位父级相对于定位父级发生偏移，没有定位父级相对于document发生偏移；《需要添加body的位置即：body{positive relative}》 e、相对
阅读全文
posted @
2016-03-01 14:39
hduhdc
阅读(283)
推荐(0)
over-float清除浮动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 border: 1px solid red; 9 overflow: hidden;<!--相当于子太
阅读全文
posted @
2016-03-01 11:30
hduhdc
阅读(962)
推荐(0)
清除浮动的方法 after伪类。
摘要：1 .clearfix{ 2 *zoom:1; 3 } 4 .clearfix:after{ 5 content: ""; 6 display: block; 7 clear: both; 8 } 在样式中加入上面一段。 zoom after伪类： 元素内部末尾添加内容； :after{conten
阅读全文
posted @
2016-03-01 10:59
hduhdc
阅读(382)
推荐(0)
inline-block的升级float：浮动
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 img{ 8 float: left; 9 } 10 p{ 11 clear:left; 12 } 13 </styl
阅读全文
posted @
2016-03-01 10:39
hduhdc
阅读(185)
推荐(0)
浙公网安备 33010602011771号