前端技能 (css)Demo
文章平均质量分 76
tangdonnaui
这个作者很懒,什么都没留下…
展开
-
去掉 a 链接过后的虚线框
/*清除a链接过后的虚线*/a:active, a:focus {-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}2010-03-19 10:38:15 · 77 阅读 · 0 评论 -
IE6下的min与max 高与度
不知道MS啥时能把IE6给撤了。这次主要讲的是ie6不支持min-width与min-height的问题。原则上来讲ie6会根据内容的高与度来自动调节大小的,但是有时候我们会遇到这种情况。就是想让这个层在美观方面能够让他长点或者宽点这样会更好看些,所以我们必须在他原有的内容上再多加些宽度与高度。所以就产生了我们今天这个话题。一般我们会这样写:{ ...原创 2009-12-26 11:15:55 · 78 阅读 · 0 评论 -
IE8 hack 集
最近察觉到在FF中显示正常的页面,在ie8中并不一定正常,所以有关处理ie8的hack 技术也出现了。解决方法: 1.‘\9’: eg:.test { color/*\**/: blue\9 }.header {width:300px;} /* 所有浏览器*/.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */.header ...原创 2010-01-05 10:08:14 · 128 阅读 · 0 评论 -
使整个网站成灰色
网站灰色代码方法一: 网页灰色代码在head内插入 <style type="text/css">html {filter:Gray;}body{filter:Gray;}</style> CSS灰色代码样式文件插入 html {filter:Gray;}body{filter:Gray;} Flash灰色代码在object内插入...2010-04-21 09:45:46 · 126 阅读 · 0 评论 -
图片文字垂直居中
CSS设置图片文字垂直居中的方法display:table-cell; 以表格单元格的形式显示对象 */vertical-align:middle;/* 内容以对象中部对齐*/display: inline-block;CSS设置图片文字垂直居中代码示例:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//...2010-04-25 21:41:14 · 80 阅读 · 0 评论 -
有关“雪碧”生成工具
最近一段时间有在用sprites,虽然说它能减少http请求,以此来减少链接的访问,但是我发现用ps和FF来调试是一件麻烦的事。因此在网络上大搜了一翻,得到一宝,哈哈,给大家分享一下。 sprites教程:http://paranimage.com/css-sprites-guidelines/ 生成样式工具:(这个图片需要自己生成)http://www.css88.com/a...2010-07-29 16:53:07 · 91 阅读 · 0 评论 -
有关head标签内的meta标签
HTML文档中小meta标签的大作用 meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的<head>与</head>中,meta 标签的用处很多。meta的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用 网上机器人自动查找me...原创 2010-02-01 10:30:28 · 180 阅读 · 0 评论 -
有关于给图片设置阴影,兼容ff与ie
CSS代码:.baseBlock{ width:220px; position:relative;}.baseBlockIn{ padding:10px 15px; background:#a0b3d6; box-shadow:10px 10px 5px #444; -moz-box-shadow:10px 10p...原创 2011-01-04 19:12:01 · 101 阅读 · 0 评论 -
ul 、ol li 继承原有样式的问题
如: 1、为什么我的服务器无法远程了? 2、为什么我的服务器总是自动重启? 3、为什么我的服务器总是自动重启? 以前写这种类型的列表,都是自己用键盘输入这些数字,其实不然,ul 、ol li本身就自带了这个样式,我们没有好好利用起来而已。 按照平常写样式,我们会先用reset.css来清除浏览器的样式,这样的话,就会将li 上原本自带的列表样式清除掉,...2011-05-26 11:32:05 · 361 阅读 · 0 评论