摘要: 文件相关规范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 阅读全文
posted @ 2014-01-16 16:45 简单-是美 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 方法一.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 阅读全文
posted @ 2014-01-16 16:28 简单-是美 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 单列定宽单列自适应布局:单列定宽单列自适应布局mainside左右定宽中间自适应布局:左右定宽中间自适应布局mainsidesub-main两列等高自适应布局:两列等高自适应布局mainside 阅读全文
posted @ 2014-01-16 15:13 简单-是美 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 无缝滚动图片js和jquery 阅读全文
posted @ 2014-01-16 12:05 简单-是美 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 用css3实现鼠标移进去当前亮其他变灰 Delicious Digg Facebook Flickr LinkedIn demo:http://jsfiddle.net/9SuUy/ 阅读全文
posted @ 2014-01-16 11:38 简单-是美 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 无标题文档 阅读全文
posted @ 2014-01-16 11:28 简单-是美 阅读(1441) 评论(0) 推荐(0) 编辑
摘要: 点击网页超链接怎么去除这些虚线确定取消确定取消确定 阅读全文
posted @ 2014-01-16 11:27 简单-是美 阅读(178) 评论(0) 推荐(0) 编辑
摘要: div最小宽度和自适应的实现方法内容 阅读全文
posted @ 2014-01-16 11:23 简单-是美 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 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才能显示出省略号,不加就是显示不出来 阅读全文
posted @ 2014-01-16 11:18 简单-是美 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 用过 Fireworks / PhotoShop 的人应该都知道,在画布中将一个页面模块居中是多容易的事,可如果是垂直居中,前端就苦逼了。因为 CSS 本身并没有提供相应的 API 支持(确切来说是提供不全)。今天重新整理一下思路,说说前端在实现页面元素垂直居中的几种思路:一、利用 position 和负边距利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:/* 代码实现: * 设定宽度和高度,父节点为 position:relative; CSS是这样写的: */.selector { position:abso... 阅读全文
posted @ 2014-01-16 11:08 简单-是美 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 在div中,文本布局经常出现,换行混乱的情况。问题表现:1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行. 2.中英文混写,则在英文字符串的开始处换行(英文长度>div长度),结尾处不换行。 3.英文整个单词换行。等等,可能还有一些问题,这里只列出了常见的几个;介绍上面几个css属性功能的简单用法;word-wrap:normal | break-word; (内容换行) normal:默认的属性值.(允许内容顶开指定的容器边界). break-word:内容将在边界内换行(不截断英文单词换行,截断英文单词下面的属性才具备这个功能。)word-brea... 阅读全文
posted @ 2014-01-16 10:56 简单-是美 阅读(1482) 评论(0) 推荐(0) 编辑
摘要: 让ie6也支持max-width,和max-height实现图片等比例缩放 阅读全文
posted @ 2014-01-16 10:46 简单-是美 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 一淘九宫格的面试题123456789123456789 阅读全文
posted @ 2014-01-16 10:20 简单-是美 阅读(177) 评论(0) 推荐(0) 编辑