09 2011 档案

CSS 元素透明
摘要：1、HTML 元素透明 其实本身，CSS 实现元素透明是件容易事儿。直接上代码：1. opacity:.5取值为 0~1 之间，1 表示完全不透明，0 表示完全透明。 不过 IE 有滤镜，可以帮助我们拐弯抹角地搞定不透明度：2. filter:alpha(opacity=50);注：事实上会碰到透明背景层，而 opacity 属性是会继承的，避免这个问题，需要结合定位来实现2、背景图片透明直接上代码：3. _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mangguo.pn 阅读全文
posted @ 2011-09-28 17:39 jinrui 阅读(220) 评论(0) 推荐(0)
a链接标记的三种方式使用我的个人理解
摘要：请看这张http://www.xinran001.com专业DIV+CSS培训首页一、页面中链接色用的最多的设为默认链接样式; 大家观察这个页面上也就是黑色的链接色用的最多了, 我个人是把网页中用到的最多的链接色做为网站的默认链接色来设置， a:link { color:#333; text-decoration: none; } a:visited { color:#333; text-decoration: none; } a:hover { color:#FF0000; text-decoration: underline; }二... 阅读全文
posted @ 2011-09-28 17:28 jinrui 阅读(266) 评论(0) 推荐(0)
img标签下多余空白BUG解决方法
摘要：在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。1、将图片转换为块级对象即，设置img为“display:block;”。在本例中添加一组CSS代码：“#sub img {display:block;}”。2、设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。 如本例中增加一组CSS代码：“#sub img {vertical-align:top;}”。3、设置父对象的文. 阅读全文
posted @ 2011-09-25 18:58 jinrui 阅读(201) 评论(0) 推荐(0)
IE下块元素实现 display:inline-block
摘要：display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。目前支持的浏览器有：IE8、Firefox3、Opera、Safari方案一：先定义 display:inline-block 触发 layout ，再将 display 设回 block 或 inline，layout 不会消失，两个 display 要先后放在两个 CSS 中声明才会有效果，这是 IE 的一个经典 BUG 。.inline-block { display:inline-block; /* 触发块元素的 layout */}.inlin... 阅读全文
posted @ 2011-09-23 11:24 jinrui 阅读(218) 评论(0) 推荐(0)
让Flash背景透明兼容Firefox、IE 6和IE 7的代码
摘要：<param name="wmode" value="transparent" /> 到 <object>…</object> 之间意思是设置Flash背景透明。wmode="transparent" 到 <embed>…</embed>之间,意思是使Flash背景在Firefox下透明… 阅读全文
posted @ 2011-09-23 11:10 jinrui 阅读(157) 评论(0) 推荐(0)
推荐的 CSS 规范书写顺序
摘要：这里推荐先写显示属性，再写自身属性，再写文字属性；并不代表非得按这个顺序写，但这种写法可以使css结构更清晰易读，修改起来比较方便。而且在团队项目中能更好地提高效率。//显示属性display<转换元素>list-styleposition<定位>float<浮动>clear//自身属性width<宽>height<高>margin<外边距>padding<里边距>border<边框>background<背景>//文本属性color<颜色>font<文字>tex 阅读全文
posted @ 2011-09-22 19:15 jinrui 阅读(214) 评论(0) 推荐(0)
去掉CSS赘余代码，CSS可以更简洁
摘要：本篇文章适合css新手学习，对于已经掌握了css的朋友们也可以通过本片文章来复习知识。 作者通过实践，认为在有些情况下css的代码是可以更加简洁的，多数情况下是因为新手对于一些具有多属性的元素代码不能精简来写造成的。 精简的代码对于网页是有莫大的好处的，对于浏览者访问速度会有一定的提升，另外对于搜索引擎也更加可以抓取网页关键内容。废话不说了，下面就看看笔者总结的可以精简的代码　1.Margin & Paddingdiv { margin-top:10px; margin-right: 5px; margin-bottom:30px; margin-left:0px; } 精简... 阅读全文
posted @ 2011-09-20 17:05 jinrui 阅读(257) 评论(0) 推荐(0)
Javascript 获取链接(url)参数的方法
摘要：有时我们需要在客户端获取url参数,而javascript没有提供类似getQueryString的函　数。所以我们就得自己写个咯！ 今天介绍两种获取链接(url)参数的方法： 第一种用正则匹配的方式：function getQueryString(url, name) {var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");return reg.test(url) ? unescape(RegExp.$2.replace(/\+ 阅读全文
posted @ 2011-09-20 16:40 jinrui 阅读(274) 评论(0) 推荐(0)
应用DIV+CSS编码时容易犯的一些错误
摘要：CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一， 通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别， 因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。 应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有 无错误。2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼 ... 阅读全文
posted @ 2011-09-16 16:35 jinrui 阅读(164) 评论(0) 推荐(0)
什么是死链接？
摘要：简单地讲，死链接指原来正常，后来失效的链接。死链接发送请求时，服务器返回404错误页面。这些情况下出现死链：动态链接在数据库不再支持的条件下，变成死链接。某个文件或网页移动了位置，导致指向它的链接变成死链接。网页内容更新并换成其他的链接，原来的链接变成死链接。网站服务器设置错误。从用户的角度来看，死链接和错误链接的表现是一样的，所以一般我们并不需要区别死链接和错误链接。作为 SEO 人员或网站管理员，我们要避免网站出现死链接，因为从死链接的多少可以评价一个网站的权威性。 阅读全文
posted @ 2011-09-16 16:19 jinrui 阅读(172) 评论(0) 推荐(0)
link和domain的区别
摘要：最重要的一点：link和domain在不同的搜索引擎代表不同的含义。link：百度，link 并不代表一个指令，只是一个普通的关键字。link:www.seowhy.com 搜索结果是包含这样一个关键字（link:www.seowhy.com ）词组的所有网页，与其他普通关键词的搜索一样。并不是查找反向链接。Google，查找的是反向链接，但只包含网站所有反向链接的少部分。我们推荐使用Google网站管理员工具查网站所有反向链接。Yahoo，查找的是反向链接，但需要在域名前加 "http://"，如：link:http://www.seowhy.com 注意：域名加与不加& 阅读全文
posted @ 2011-09-15 09:42 jinrui 阅读(210) 评论(0) 推荐(0)
几大搜索引擎的网站登录入口
摘要：以下是登录几个重要搜索引擎的网站登录入口地址:百度：http://www.baidu.com/search/url_submit.htmlGoogle：http://www.google.com/intl/zh-CN/add_url.html中国雅虎：http://search.help.cn.yahoo.com/h4_4.html微软Live&Msn：http://search.msn.com.cn/docs/submit.aspx网易-有道：http://tellbot.yodao.com/reportGoogle英文：http://www.google.com.hk/addurl 阅读全文
posted @ 2011-09-15 09:36 jinrui 阅读(5724) 评论(0) 推荐(0)
如何将广告始终定位到网页右下角
摘要：互联网提供了很多种“将广告始终定位到网页右下角”的解决方案，大多会用javascript，其实仅调用样式表就可以实现该效果。以下万恶的代码主要是写给IE6的，在IE7和FF浏览器中，只需要position:fixed就可以将图层定义到网页的任意位置。 必要元素： DOCTYPE声明 、 html标签 、body标签 、 一个ID为test的div。 相关样式： body{margin:0;border:0;height:100%;overflow-y:auto;} #test{display:block; bottom:3px; right:3px; width:130p... 阅读全文
posted @ 2011-09-13 17:55 jinrui 阅读(328) 评论(0) 推荐(0)
seo人生哲学 - 你看懂了吗？
摘要：这天一个老站长挂了，来到天堂见上帝，上帝对站长说在你投胎转世之前给你一次为你解答你人生最大的疑问的机会，老站长想了想，于是就把积压在心头多年的疑问提了出来，老站长问“生活到底是为了什么？我自从做站以后开始学习seo和应用，我的seo人生到底是为了什么呢？”。上帝并没有直接回答。上帝（反问）：站长你为什么seo？站长：为了排名！上帝：为什么为了排名？站长：为了流量！上帝：为什么要流量？站长：为了赚钱！上帝：为什么要赚钱？站长：为了吃饭！上帝：为什么要吃饭？站长：为了长大！上帝：为什么要长大？站长：为了娶老婆！上帝：为什么要娶老婆？站长：为了生娃！上帝：为什么要生娃？站长：为了养老！上帝：为什么要 阅读全文
posted @ 2011-09-13 17:51 jinrui 阅读(139) 评论(0) 推荐(0)
解决IE6、IE7、Firefox兼容最简单的CSS Hack
摘要：写三句代码来控制一个属性，区别Firefox，IE7，IE6： background:orange; *background:green !important; *background:blue; 说明：这段代码会使在Firefox中，背景呈橙色；IE7中为绿色；IE6中为蓝色。道理如下，Firefox不能识别*，所以后面两句都不执行，直接执行第一句；IE7三个都能识别，但是由于有第二句important的作用，所以就执行了第二句代码；IE6不能识别!imprtant，按照最新原则，那就理所当然的执行了最后一句。 background:orange; *bac... 阅读全文
posted @ 2011-09-10 16:57 jinrui 阅读(160) 评论(0) 推荐(0)
SEO网站法则：以质量求生存
摘要：经常看见这种文章：“一周增加外链多少多少个，一周被百度收录了多少多少篇”。　外链数量确实增加了，但是敢问各位seo，您的网站外链质量如何？您的网站内容确实能够留住客户吗？ 正是因为现在互联网垃圾网站越来越多，搜索引擎为了能够为搜索者提供更优质的服务，　对垃圾网站的打击力度越来越大，在这个“多事之秋”，各位站长应该如何保护自己不被搜索引擎打击？　Maoseomao认为我们必须学会以质量求生存。怎么样提高网站的质量呢？ 我们从两个方面来说明如何提高网站的质量1. 网站内容 网站所有内容的发布和阅读都是一种交流，交流质量的高低不仅仅取决于交流的内容和交流的方式， 所交流的... 阅读全文
posted @ 2011-09-10 16:47 jinrui 阅读(201) 评论(0) 推荐(0)
为什么要做seo
摘要：seo的中文意思是“搜索引擎优化”。简单来说就是对自己网站的优化来提高自然搜索 结果的排名，从而获得网站流量的技术和过程。从seo的角度看来获得网站流量使我们 的目的，排名只是为了我们更好的获得流量而已。然后最终的目标是完成流量到盈利的 一种转换。 阅读全文
posted @ 2011-09-09 09:56 jinrui 阅读(222) 评论(0) 推荐(0)
同一个页面用多个id有什么影响
摘要：我们知道在样式表定义一个样式的时候，可以定义id也可以定义class，例如： ID方法：#test{color:#333333}，在页面中调用<div id="test">内容<div> CLASS方法：.test{color:#333333}，在页面中调用<div class="test">内容<div> id一个页面只可以使用一次，class可以多次引用。 有网友问，id和class好象没什么区别，我在页面中用了多个id在IE中显示也正常， 用多个id有什么影响吗？ 回答：第一影响就是不能通过W3的校验 阅读全文
posted @ 2011-09-09 09:47 jinrui 阅读(261) 评论(0) 推荐(0)
学习网站
摘要：DIV+CSS教程 http://www.xinran001.com/懒人图库 http://www.lanrentuku.com/网页设计师联盟 http://www.68design.net/seo十万为什么 http://www.seowhy.com/点石互动 http://www.dunsh.org/蓝色理想论坛 http://www.blueidea.com/ 阅读全文
posted @ 2011-09-08 14:56 jinrui 阅读(157) 评论(0) 推荐(0)
[技巧心得] 嵌套选择器优先级
摘要：[技巧心得] 嵌套选择器优先级 一组嵌套选择器的优先级是可以计算出来的。 div p { color: red; } p { color: blue; } 结果：p元素下元素颜色是红色。原则：ID选择器的值是100，class选择 器的值是10，html选择器值是1。 所以，上面两个选择器的优先级分别是：11、1，所有是红色。 例如：div p.tree 优先级的值是：1+1+10 = 12 了解更多：www.xinran0... 阅读全文
posted @ 2011-09-08 10:25 jinrui 阅读(237) 评论(0) 推荐(0)
关于CSS的命名问题
摘要：1.css正规命名 子菜单： submenu 边导航图标：sidebarIcon 注释： note 面包屑： breadcrumb(即页面所处位置导航提示） 容器： container 内容： content 搜索： search 登陆： Login 功能区： shop(如购物车，收银台) 当前的 current 报头： mas... 阅读全文
posted @ 2011-09-08 10:17 jinrui 阅读(247) 评论(0) 推荐(0)
哭了 累了、、、
摘要：哭了 累了 朋友那么多，知心的却很少，过客那么多，记住的却很少，没有人知道我的难过，没有人知道我的失落，没有人知道我的无助，没有人知道我的寂寞，没有人知道我的不开心，没有人知道我的不快乐，没有人懂我理解我心疼我。不知道从什么时候开始，我也开始变的伤心，只知道:我活的好累。身边的人,身边的事,有时候真的无法去面对，每天都重复着同样的生活，有了一定的规律，…枯燥……乏味……郁闷……伤心……无奈……难过……感伤…我也常常一个人来来往往，不知道什么时候，我也习惯了一个人，喜欢一个人独处的感觉，不知是时间变了，还是:自己变了。不知道什么时候开始，我也爱上了安静，喜欢上了寂寞，也许 我一直认为我是一个坚强 阅读全文
posted @ 2011-09-07 13:01 jinrui 阅读(175) 评论(1) 推荐(0)
我还小孩子
摘要：你还是把分手说出了口，尽管你犹豫了那么久，我们坚持了两年六个月零三天，仍然走到了尽头，我一个人开始迷茫，窝在角落，拿着手机，我忽然发现，除了你我没有什么人可以联系，上了QQ，都是灰色头像，一直活跃的群也安静了，发表条说说“从此，自由。”看一下时间，已经凌晨了，原来，不知不觉，我们在街上游荡了两个钟头，我能够去哪呢？本以为不争气的眼泪会陪我过夜，结果，却一滴都没流，难道我长大了，终于明白，没了谁，生活还是要继续，有些爱只有失去了才会发现很珍贵，有些人只有离开了才会真的被珍惜，为什么一次一次伤害我，你明知道我背负着多么大的压力，我义无反顾扎进你的怀里，等待我的却不是温暖，那么多的流言蜚语，我告诉自 阅读全文
posted @ 2011-09-06 17:55 jinrui 阅读(160) 评论(0) 推荐(0)
css中background背景属性概述
摘要：1. background:url(背景图片路径)no-repeat;/*不重复默认在左上方*/2. background:url(背景图片路径)no-repeat center;/*不重复背景图片中间显示*/3. background:url(背景图片路径)no-repeat bottom center;/*不重复背景图片底部中间显示*/4. background:url(背景图片路径)no-repeat right top;/*不重复背景图片右上方显示*/5. background:url(背景图片路径)no-repeat right bottom;/*不重复背景图片右下方显示*/6. b 阅读全文
posted @ 2011-09-06 17:38 jinrui 阅读(826) 评论(0) 推荐(0)
..--心----情---
摘要：很多时候我会随心所欲坐自己想做的事情；不会去计较后果，不去在乎感受！转眼间一张车票把我带到这个完全陌生的城市里；在陌生的城市里写下不同蕴味的心情。时间过的好块i；悄无声息的让我有点赶不上脚步！上海居民的时尚生活，那个令人窒息的城市里把草地碾干，花木剪成三角形，圆形，平头共体。选一五尺假山，七天鱼池，便有不可一世之概，真是令人痛苦流涕。我像个孩子一样用新鲜好奇的眼光观看着每一样景物。对这里的一切都充满了好奇！在途径了很多大城小镇里,寻找着,记录着,在不同的城市里,理想在岁月长河里,现实平服了我们的干火.这里的美景让我放下了心中的不快；一路上不停的寻找当心情不好的时候旅行也是一种缓解压力的好方法. 阅读全文
posted @ 2011-09-05 16:03 jinrui 阅读(123) 评论(0) 推荐(0)
什么是块级元素和内联级元素
摘要：1. block（块）元素的特点：①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制 ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素2. inline元素的特点：①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽度，不可改变 ④内联元素只能容纳文本或者其他内联元素（中文叫法有多种内联元素、内嵌元素、行内元素、直进式元素）。 块元素(block element)和内联元素(inline element)都是html规范中的概念。 块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后， 阅读全文
posted @ 2011-09-05 15:42 jinrui 阅读(387) 评论(0) 推荐(0)