css position

摘要: 前言即使它们position定位,但是与float 还是有区别的,它们始终还是在文档流中,会占用空间,并且受父元素控制(float也会受父元素控制,但是脱离了正常的文档流,在父元素中飘来飘去)。值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top&q 阅读全文
posted @ 2013-07-04 17:38 TrustNature 阅读(193) 评论(0) 推荐(0)

createElement,insertBefore,parentNode

摘要: 1、createElement说明:oElement = document.createElement(sTag)ParameterssTag Required. String that specifies the name of an element.Return ValueReturns a reference to the new element.作用:建立并返回一个TAGS(标签)对像。我用到的实例:var li = document.createElement("li");将会得到一个LI,和常用的LI对象一样,可以给ID,INNERHTML之类的属性。2、ins 阅读全文
posted @ 2013-07-04 16:08 TrustNature 阅读(226) 评论(0) 推荐(0)

关于button onclick a href 分析

摘要: 1、button onclick内容是javascript脚本 Don't include the "javascript:" part since onclick is a JavaScript function anyway.2、a href只是一个链接 链接的目标 URL。 也可以是javascript函数这样写是为了让这个链接不要链接到新页面转而执行一段js代码。和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 h 阅读全文
posted @ 2013-07-04 09:52 TrustNature 阅读(533) 评论(0) 推荐(0)

按钮加颜色渐变

摘要: background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); background-image: -o-li. 阅读全文
posted @ 2013-07-04 08:58 TrustNature 阅读(99) 评论(0) 推荐(0)

hover、active和:focus这三种状态伪类选择器。

摘要: :hover选择器、:active选择器和:focus选择器:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式;:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式;:focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;【注】下方案例运行效果,之所以点击后立即变为绿色是因为active触发的同时focus也触发了,所以active定义的样式看似无效,大家可以先把focus定义的样式注释掉运行; 阅读全文
posted @ 2013-07-03 10:22 TrustNature 阅读(621) 评论(0) 推荐(0)

CSS 多类选择器

摘要: 1、在 HTML 中,一个 class 值中可能包含一个词列表,各个词之间用空格分隔。例如,如果希望将一个特定的元素同时标记为重要(important)和警告(warning),就可以 写作(这两个词的顺序无关紧要,写成 warning important 也可以):This paragraph is a very important warning.我们假设 class 为 important 的所有元素都是粗体,而 class 为 warning 的所有元素为斜体,class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。就可以写作:.importan 阅读全文
posted @ 2013-07-03 09:44 TrustNature 阅读(150) 评论(0) 推荐(0)

css display

摘要: 1/ inline默认。此元素会被显示为内联元素,元素前后没有换行符。2/block此元素将显示为块级元素,此元素前后会带有换行符。3/inline-block整体是行元素,前后没有换行。里面的内容是块元素,每个元素前后会带有换行符。为了能够让所有浏览器支持display:inline-block,综合一下,最终的实现代码如下display:inline-block;/*一方面除IE8 以下,其它浏览器均支持,另一方面下触发IE下inline 元素的 hasLayout*/zoom:1;/*同样是IE 下触发 hasLayout*/*display:inline;/*一旦IE 下触发了 has 阅读全文
posted @ 2013-07-03 09:02 TrustNature 阅读(112) 评论(0) 推荐(0)

<a>标签

摘要: 标签的伪类样式一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:总: a 表示所有状态下的连接 如 a{color:red}① a:link:未访问链接 ,如 a:link {color:blue}② a:visited:已访问链接 ,如 a:visited{color:blue}③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 a:active{color:blue}④ a:hover:鼠标移到链接上时 ,如 a:hover {color:blue}一般a:hover和a:visited链接的状态(颜色、 阅读全文
posted @ 2013-07-02 13:39 TrustNature 阅读(125) 评论(0) 推荐(0)

js 文件组织

摘要: 在head里 先引入jquery.js后,后面的所有JS代码都可以直接调用jquery.js中的方法所以你直接在“我的代码.js”文件中写就可以了当然可以放在任意位置!注意纯js文件中不需要再写: 阅读全文
posted @ 2013-07-02 11:22 TrustNature 阅读(322) 评论(0) 推荐(0)

JavaScript 执行顺序

摘要: 首先,我想说一下Javascript的装载和执行。通常来说,浏览器对于Javascript的运行有两大特性: 载入后马上执行执行时会阻塞页面后续的内容(包括页面的渲染、其它资源的下载)。于是,如果有多个js文件被引入,那么对于浏览器来说,这些js文件被被串行地载入,并依次执行。因为javascript可能会来操作HTML文档的DOM树,所以,浏览器一般都不会像并行下载css文件并行下载js文件,因为这是js文件的特殊性造成的。所以,如果你的javascript想操作后面的DOM元素,基本上来说,浏览器都会报错说对象找不到。因为Javascript执行时,后面的HTML被阻塞住了,DOM树时还没 阅读全文
posted @ 2013-07-02 11:20 TrustNature 阅读(138) 评论(0) 推荐(0)