2013年1月22日
用CSS实现箭头
摘要： 用CSS实现箭头 分类： HTML2012-12-31 09:5719人阅读评论(0)收藏举报在WEB开发中，POPUP和tooltip经常要用到类似的箭头，http://cssarrowplease.com/ 网站可以帮助我们自动生成对应的CSS代码。下面主要阐述一下CSS实现箭头的原理上面的HTML代码将产生如下的效果根据ID指定CSS的width和height属性，然后加入10px的黑色border如果将这个DIV的面积缩小，width和height都改为20px，我们再看一下显示的效果下面我们把DIV的width和height都设置为0现在DIV显示的效果如下因为DIV的wi... 阅读全文
posted @ 2013-01-22 09:37 金晶 阅读(584) 评论(0) 推荐(0)
2012年11月14日
牛人博客
摘要： http://www.itstrive.com/a/DIV_CSS/csskejianyuanbanjiangjie/ 阅读全文
posted @ 2012-11-14 16:56 金晶 阅读(98) 评论(0) 推荐(0)
多栏等高的实现
摘要： 再说多栏等高问题背景变border记得之前发过一篇文章是关于多栏等高的实现：改一下名字吧， 两列高度未知，高度自适应 ！ 今天继续在说这个问题 首先，先扯点废话，网上这种东西很多很多，解决的办法也很多，但是我比较忠实于这个负边距内补丁的办法！你可以选择你适用的办法！ 先来总结下记得之前发过一篇文章是关于多栏等高的实现：改一下名字吧，两列高度未知，高度自适应！今天继续在说这个问题……首先，先扯点废话，网上这种东西很多很多，解决的办法也很多，但是我比较忠实于这个负边距内补丁的办法！你可以选择你适用的办法！先来总结下（实现的关键点）：(1)最外面的盒子，需要overflow:hidden;不设置你懂 阅读全文
posted @ 2012-11-14 16:53 金晶 阅读(165) 评论(0) 推荐(0)
取消chrome浏览器下input和textarea的默认样式
摘要： 原文：http://www.itstrive.com/a/DIV_CSS/csskejianyuanbanjiangjie/2012/0409/3850.html聚焦的时候chrom有默认的边框颜色。取消chrome下input和textarea的聚焦边框：input,button,select,textarea{outline:none}取消chrome下textarea可拖动放大：textarea{resize:none}最后，写在一起，重置input和textarea的默认样式：input,button,select,textarea{outline:none}textarea{resi 阅读全文
posted @ 2012-11-14 16:35 金晶 阅读(117) 评论(0) 推荐(0)
CSS实现纯英文数字自动换行
摘要： 原文：http://www.itstrive.com/a/DIV_CSS/csskejianyuanbanjiangjie/2011/0630/1454.html问题：当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候，在IE和FF中都 会撑大容器，不会自动换行，如下图 并且当数字或者英文中带有汉字时，会从汉字处换行，而纯汉字却可以自动换行。这个问题如何解决?先来认识一下两位主角word-wrap和word- break当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候，在IE和FF中都会撑大容器，不会自动换行，如下图并且当数字或者英文中带有汉字时，会从汉字处换行，而纯 阅读全文
posted @ 2012-11-14 16:31 金晶 阅读(228) 评论(0) 推荐(0)
2012年11月5日
javascript（JS）实现菜单（列表）的显示/隐藏切换
摘要： javascript（JS）实现菜单（列表）的显示/隐藏切换<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content 阅读全文
posted @ 2012-11-05 16:28 金晶 阅读(989) 评论(0) 推荐(0)
2012年10月25日
页面编写规范
摘要： 1.文件大小： 保持单个内容img < 100K; js < 200K; css < 50K， 对于功能页面img<40K，活动页面img看情况。2.背景图片：不宜使用过小的背景图片平铺，太小的图片平铺，需要大量的计算，影响性避免背景图片冗余，当多个样式需要使用同一张图片作为背景图片的时候，应该新建一个class样式用于指定background-image，其他样式则用于设定background-position）3.h1_h6：标题必须按h1-h6的顺序，如不可出现h1下级直接出现h3等。4.不要在HTML中缩放图像。5.使用base页面链接标签a, 在默认情况下不加 阅读全文
posted @ 2012-10-25 15:50 金晶 阅读(149) 评论(0) 推荐(0)
IE6 fixed问题
摘要： 1.使用expression，但是行为尽量不要多用，为何不能多用请看下面的链接 为何尽量不用expression2.解决IE6fixed问题，仔细看下很简单。固定在top.outer_wrap{ width:500px; height:200px; background:#036; position:fixed; top:250px; left:50%; margin-left:-250px;}.outer_wrap{ _position:absolute;_top:expression(eval(document.documentElement.scrollTop)+250)}//其中250 阅读全文
posted @ 2012-10-25 15:28 金晶 阅读(143) 评论(0) 推荐(0)