01 2014 档案
摘要:文件相关规范1、文件名必须由小写字母、数字、中划线-组成2、文件必须用utf-8编码3、文件引入可通过外联或内联方式引入:3.1 外联方式:(类型声明type=”text/css”可以忽略)3.2 内联方式: (类型声明type=”text/css”可以忽略)4、原则上,不允许在html上直接写样式5、link和style标签都应该放入head中注释规范1、文件顶部注释(推荐使用)12345/** @description: xxxxx中文说明* @author: zhifu.wang* @update: zhifu.wang (2012-10-17 18:32)*/2、模块注释(推荐使用)1
阅读全文
摘要:方法一.demo1 { width:180px; height:180px; line-height:180px; *font-size:160px; border:1px solid #ddd; text-align:center;}.demo1 img { vertical-align:middle;}方法二.demo2 { width:180px; height:180px; display:table-cell; vertical-align:middle; *font-size:160px; border:1px solid #ddd; text-align:center;}.dem
阅读全文
摘要:单列定宽单列自适应布局:单列定宽单列自适应布局mainside左右定宽中间自适应布局:左右定宽中间自适应布局mainsidesub-main两列等高自适应布局:两列等高自适应布局mainside
阅读全文
摘要:无缝滚动图片js和jquery
阅读全文
摘要:用css3实现鼠标移进去当前亮其他变灰 Delicious Digg Facebook Flickr LinkedIn demo:http://jsfiddle.net/9SuUy/
阅读全文
摘要:点击网页超链接怎么去除这些虚线确定取消确定取消确定
阅读全文
摘要:div最小宽度和自适应的实现方法内容
阅读全文
摘要:css:.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;}.clearfloat{zoom:1}布局: Left Rightcss的文字过长裁剪后面跟着省略号首先要加的是这些属性{height:value;width:value;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}加高度这些文字过长就不会往下面跑,直接隐藏掉。加white-space: nowrap才能显示出省略号,不加就是显示不出来
阅读全文
摘要:用过 Fireworks / PhotoShop 的人应该都知道,在画布中将一个页面模块居中是多容易的事,可如果是垂直居中,前端就苦逼了。因为 CSS 本身并没有提供相应的 API 支持(确切来说是提供不全)。今天重新整理一下思路,说说前端在实现页面元素垂直居中的几种思路:一、利用 position 和负边距利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:/* 代码实现: * 设定宽度和高度,父节点为 position:relative; CSS是这样写的: */.selector { position:abso...
阅读全文
摘要:在div中,文本布局经常出现,换行混乱的情况。问题表现:1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度>div长度),结尾处不换行。 3.英文整个单词换行。等等,可能还有一些问题,这里只列出了常见的几个;介绍上面几个css属性功能的简单用法;word-wrap:normal | break-word; (内容换行) normal:默认的属性值.(允许内容顶开指定的容器边界). break-word:内容将在边界内换行(不截断英文单词换行,截断英文单词下面的属性才具备这个功能。)word-brea...
阅读全文
摘要:让ie6也支持max-width,和max-height实现图片等比例缩放
阅读全文
摘要:用户上传照片,照片的尺寸未知;需要生成一个预览,这个预览图要根据提供给用户预览的区域自应用,并且居中;如果图片太大,需要按比例缩放。如下图。瞄了一下,居中可以用 text-align:center; 来实现。而按比例缩放,利用预设 的 width 、height 属性解决不了。因为用户图片可能是很长的,也可能是很宽的。在线上想了一下他们的关系,按条件来判断是这样的:if(实际宽度 > 预览最大宽度) { 缩放宽度 = 预览最大宽度}if(实际高度 > 预览最大高度) { 缩放高度 = 预览最大高度}但是这样会有问题,比如当宽度和高度都被缩放,如果缩放比较不同,图片就不是按比例缩放.
阅读全文
摘要:1. 如何创建嵌套的过滤器:允许你减少集合中的匹配元素的过滤器,只剩下那些与给定的选择器匹配的部分。在这种情况下,查询删除了任何没(:not)有(:has)包含class为“selected”(.selected)的子节点。.filter(":not(:has(.selected))")2. 如何重用元素搜索var allItems = $("div.item");var keepList = $("div#container1 div.item");现在你可以继续使用这些jQuery对象来工作了。例如,基于复选框裁剪“keep li
阅读全文
摘要:要实现这种效果:html代码 1 2 3 4 5 6 12 13 14 >>">15 ">16 17 18 19 20 21 24 25 26 27 28 ...
阅读全文