tuku0801的专栏

HTML DOM NodesIn the HTML DOM (Document Object Model), everything is a node:The document itself is a document nodeAll HTML elements are element nodesAll HTML attributes are attribute nodesText

其实是使用锚点作为标记，通过点击实现了q

css float的应用    float:left           float:right        ||                   ||    左侧浮动         右侧浮动    注:(往左侧---越过前边的非浮动元素，如果全是浮动元素的话，就按照流式来浮动从左到右，放不下则换行)，float:right是右浮动。1.为元素添加了浮动之后，元素会

css3的动画效果。

1.关于代码字体大小的设置

目标：css中after伪类，last-child伪类的使用。以及部分css3的属性。过程：在制作导航时，经常会遇到在每一个li后面添加一个分割符号，到最后一个元素的时候，分割符就会去掉的一种效果。如图那么制作这样的一个效果，怎么用纯css很简单的完成了。这里用到了css的伪类。html部分 Home About Me Portfoli

css3介绍1.首先处理各版本浏览器兼容性----------------------------| 前缀     |  浏览器| -webkit  |chrome和safari| --------------------------| -moz     |firefox| --------------------------| -ms      |IE| --

6-1.css3选择器css3增加的属性选择器（通配符） Element[attribute^="value"]  选择匹配元素Element，并且E元素定义了以value值开头的任意字符串的属性attribute值。 Element[attribute$="value"]  选择匹配元素Element，并且E元素定义了以value值结尾的任意字符串的属性attribute值。 E

rotate 旋转，通过rotate()函数指定旋转的角度，元素相对原点进行旋转，如果是正值，顺时针旋转，负值，元素相对原点逆时针旋转。skew（），扭曲倾斜，它可以将一个对象以其中心为之围绕着X轴和Y轴按照一定角度倾斜，会改变元素的形状。使用时，分为三种情况：1、skew(x，y)是元素在水平和垂直方向同时扭曲。2、skewX(x)仅使元素在水平方向扭曲变形3、ske

引入或者调用外部文件时：要在own.js中设置require('tem/js/amaze/amazeui.css'); require.async('tem/js/dahua/jquery.SuperSlide.2.1.1',function(){ jQuery(".slideTxtBox").slide({}); jQuery(".slideBox").slide({m

今天使用css3制作旋转动画，突然碰到了奇怪的现象，元素不是绕着自己的中心旋转。后来调试发现使用了margin-top，转移了元素的位置，但是中心点没有移动。那么这样是不是多了一种改变元素基点的方法。这种还是挺好用。当然标准更多的是调整transform-origintransform-origin(X,Y):用来设置元素的运动的基点（参照点）。默认点是元素的中心点。其中X和Y

1.position：relative——相对定位  这个定位使得元素没有脱离文档流，还是在原来的位置，上下左右一个的参照物是其自己本身。2.position：absolute ——绝对定位  这个定位的使用是将元素脱离文档流，会使内容移动到其最近的已定位的祖先元素，如果其无已定位的祖先元素，则会移动到浏览器左上端。  example：  (1)图片文字混排

居中显示    margin: 0px auto;可以使元素（自己及子元素）居中显示，使用时必须有width值，否则无效果。        如果要让被包裹在内部的元素居中对齐则使用text-align:center;       [关于text——align：center；和align="absmiddle"的区别。    text——align：center；属于

css3实现多背景展示

在使用nextSibling和previousSibling查找下一个、上一个元素时，会碰到IE和火狐的浏览器兼容问题。注释：Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。元素节点的节点类型是 1，因此如果首个子节点不是一个元素节点，它就会移至下一个节点，然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子

在Dom提供的方法中，只能在元素之前插入元素--insertBefore；或者在父级节点最后添加--appendChild；实际的应用中，有可能会碰到在特定元素之后添加元素的。利用insertBefore和nextSiblinge可以解决这个问题 插入到这个文字之后 也就是插入这段文字之前，但是这段文字没有ID，无法取得====================

Form中onsubmit和action的区别

说明：使用xhtml+css布局经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。常用的清除浮动的方法有以下三种:此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。*{margin:0;padding:0;}body{font:36px bol

众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。你是如何让position:fixed在IE6中工作的？本文所使用的技巧

css中的width和padding  在IE7和FF中width宽度不包括padding，在Ie6中包括padding. 根据不同浏览器对CSS样式的支持程度，解析结果和识别CSS的优先级不同，设计师们就可以根据这些不同浏览器 的特点来书写不同的CSS样式代码。  IE6能识别下划线_和星号*，IE7能识别星号*，不能识别下划线_，  而firefox两个都不能识别，如此，就

1：clip定义和用法clip 属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容

pre{　　white-space:pre-wrap;/*css-3*/　　white-space:-moz-pre-wrap;/*Mozilla,since1999*/　　white-space:-pre-wrap;/*Opera4-6*/　　white-space:-o-pre-wrap;/*Opera7*/　　word-wrap:break-word;/*Internet

display:block就是将元素显示为块级元素.　　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度　　, , , , 和 是块元素的例子。　　display:inline就是将元素显示为行内元素.　　inline元素的特点是： 　　和其他元素都在一行上；　　

html5基础

div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}