2016年04月_lixiaohong2012

原创【总结】CSS/CSS3常用样式小结——兼容性

1.html中两张图横向回车导致间隙,怎么才能去除成为无间隙？例如：div 宽300px ; img 宽100px; border:0px; <div><img /><img /><img /></div> //上面情况刚好显示三张图 <div><img /><img /><img /></div> 这种情况就无法在横向显示三张图，因为回车导致两图间有间隙。解决办法就是让图片浮动。2.css ie

2016-04-27 10:35:51 2177

转载浅尝HTML5之canvas

HTML5新标签HTML5新引入header，footer，article，section，aside和nav，audio,datalist,details,video,progress,embed等标签section 标签用于标识页面上的重要内容部分。该标签有点类似于将一本书分成几个章节。article 标签标识了 Web 页面中的主要内容。aside 标签表示arcitle元素内容之外的、与ar

2016-04-27 09:51:29 480

原创 JavaScript权威指南

一、添加事件监听器window.addEventListener("load",function(){......},false}; window.attachEvent("onload",function(){......}); //IE8以及之前的浏览器二、Window对象（1）计时器可以用来注册在指定的时间之后单次或重复调用的函数。 Window对象的setTimeout()方

2016-04-26 10:35:56 600

原创 jQuery对表单、表格的操作及更多应用

一、单行文本框应用——获取和失去焦点改变样式$(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus"); }); }

2016-04-21 13:47:16 634

原创全面理解line-height与vertical-align

前面的话　　line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height与vertical-align。 line-height 定义　　line-height行高是指文本行

2016-04-21 11:12:59 465

原创 CSS3的学习总结

1、强大的选择器新增的属性选择器、结构伪类选择器、UI元素状态伪类选择器、其他新增选择器2、增强的文本和颜色功能text-shadow 定义文本阴影或模糊效果 text-overflow 定义省略文本的处理方式 word-wrap 定义文本超过指定容器的边界时是否断开转行RGBA RGBA是在RGB的基础上增加一个透明度(A)的设置 opacity 定义颜色的不透

2016-04-18 17:35:18 1111

原创 CSS Sprite(s)、图片优化及实例应用那些事

CSS Sprites实现方法首先将小图片整合到一张大的图片上，然后根据具体图标在大图上的位置，给背景定位。CSS Sprites技术要点总结 1、小图片整合时，按照从上到下的顺序，而不要一个图片挨着一个图片从左到右排列。 2、小图片整合时尽量靠最左边或者最右边。综合1则是沿着最左边或者最右边的两侧开始由上而下整合图片。 3、不建议在不同小图片上下留间隔，减小文件的大小。 4、把图片中颜

2016-04-18 17:01:30 424

转载清除浮动的七种方式方法（实例代码讲解）

实例代码（未清除浮动）：<!doctype html> <html> <head> <meta charset="UTF-8"> <title>清除浮动方法大全</title> <link rel="stylesheet" href="reset.css"> <style> .main div { float: left; width: 200px; height: 200px; margin-ri

2016-04-18 16:08:54 573

原创 jQuery学习笔记———jQuery中的事件和动画

1、加载DOM$(window).load(function(){ //加载window对象所绑定的处理函数 })2、简写方式 $(document).ready(function(){ //编写代码 })可写成下面代码：$(function(){ //编写代码 }）3、事件绑定 $(selector).bind(event,data,function); 第1个参数是事件类型，包括：

2016-04-15 09:58:33 603

原创 jQuery学习笔记-----jQuery中的DOM操作

jQuery选择器 1、层次选择器$("div span">——选取<div>里的所有的<span>元素，返回集合元素 $("div>span">——选取<div>元素下元素名为<span>的子元素，返回集合元素 $(".one+div">——选取class为one的下一个<div>同辈元素，返回单个元素,等价于$(".one").next("div")方法 $("#two~div">——选取id

2016-04-10 23:07:00 567

原创毕业设计笔记

Myeclipse使用开发项目实战第一章开发环境的搭建 1下载和安装JDK,JDK是Java程序开发最核心的工具，通过JDK可以对Java程序的编译和运行。（记住安装路径）2下载和安装MySQL数据库，主流数据库很多，这里选择MySQL数据库可降低成本，体积非常小，速度非常快。（设置用户名和密码要记住，后面会用到）3下载和安装Tomcat服务器，Tomcat服务器是由Apache开源组织开发并

2016-04-08 21:05:45 643

原创 DIV+CSS检测技巧和应用

DIV+CSS检测技巧 1、检查HTML元素是否有拼写错误、是否忘记结束标记经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2、检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的 } 等。3、确定错误发生的位置假如错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。4、利用border属性确定出

2016-04-04 20:09:53 573

原创 css样式

background:背景颜色背景图片 repeat attachment position; font:font-style font-variant font-weight font-size font-family; 浮动与清除 clear none 允许两边浮动【默认】 left 不允许左边浮动

2016-04-03 23:38:01 595

lixiaohong2012的博客