fjenny

摘要： 我们在网站开发的时候，我们常常被建议使用HTML标签来显示文本，而不是图像。这样可以使得网站具有更快的加载速度以及可访问性。举个例子说，你开发了一个网站，你想在你网站的每一个页面的页面顶端放一个"购买物品"。现在加入你是一个卖家，那么你很期望你的物品能被搜索引擎找到，也许你会这么做：实现了，但是这里需要注意的是，搜索引擎并不会关注img标签alt里的关键字。所以，我们可以用css来代替。如下：购买物品然后定义css：h1{background: url(widget-image.gif) no-repeat;}h1 span{position: absolute;left: 阅读全文

摘要： 问题：在IE9中浏览DIV CSS网页文字字体偏上方，设置文字垂直上下居中line-height样式失效，而其它浏览器包括ie6-ie8均正常，究竟什么原因造成，如何解决与避免在ie9浏览器line-height失效。一、失效原因 使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。二、解决方法 【参考字体编码表参考：http://www.cnblogs.com/super-zhen/p/3517318.html】方法A：将中文字体汉字转换为Unicode编码汉字字体中文字转换为Unicode编码后字体效果相同，不受影响，兼容各大浏览器 阅读全文

摘要： 标签在默认时表现形式是一样的，就是文字粗体显示。不免有个疑问“既生瑜何生亮”，所以很是困惑两个到底有什么区别。在网上找来几篇立意介绍如下，自己从中总结了三点。--------以下摘自http://www.divcss5.com/html/h331.shtml----------1、html b与strong加粗标签区别加粗标签与加粗标签区别在于前者只有1个字符，后者6个字符字母标签。 2、b与strong用法区别Html b与html strong加粗标签用法没有区别，一般想节约字节字符就用b加粗标签，建议大家不要刻意追求这两者用法与区别,你可能想了解css加粗知识：http://www... 阅读全文

摘要： 方法A：直接title内容换行父div不自适应高度实例html title属性换行方法B：使用html title换行代码 使用代码换行共两种代码，均可实现html标签内title内容显示时换行： ①“
”&（and符号，键盘数字键7一起&）+ #（井号）+ 10（阿拉伯数字十）+ ;（小写分号） ②“
”&（and符号，键盘数字键7一起&）+ #（井号）+ 13（阿拉伯数字十三）+ ;（小写分号）以上符合数字输入均必须英文半角模式输入。使用时候，在需要换行地方任选一种（组）换行符号代码即可。父div不自适应高度实例title换行 阅读全文

摘要： 问题：子级float而父级没有高度有问题的代码：父div不自适应高度实例 方法A： 给父级设置固定高度缺点：父级是固定高度，而不随内容高度自适应高度。此方法针对能确定父div内的内容高度情况下使用。解决问题后代码：父div不自适应高度实例 方法B： 使用css clear清除浮动.clear {clear:both;}注意：在父级前加class为clear的div。解决问题后代码：父div不自适应高度实例 方法C： 对父级样式加overflow样式 【推荐此方法】此方法不增加div盒子对象，只需要对父级加一个overflow:hidden样式即可。解决问题后代码：父div... 阅读全文

摘要： 与 IE6不支持min-height的解决方法 类似，IE6不支持max-height的解决方法：height:auto !important;height:200px;max-height: 200px;overflow:hidden;这样做可以在IE6中实现max-height的效果，但是有一个问题无法解决——div中没有内容时，IE6也会呈现200px高的区域。----------上面摘自http://www.17css.com/ie6-max-height/并整理---------------PS:关于上面解决方法的理解 ①添加 height:auto!important;是因为内容少 阅读全文

摘要： 方法A：height:auto!important;height:500px; min-height:500px; 这3句代码就让IE6也有了高度min-height的效果方法B：#test{ min-height:100px; _height:100px; overflow: visible; }说明：min-height:100px;这一句在ie7和FF已经可以正常显示了。。_height:100px这一句在ie6，ie5测试显示正常。但不能过W3C验证:Loverflow:visible;这一句为了注明#test当内容超过100px时就自动延长。注意：你必须保证#test以外的... 阅读全文

摘要： IE、FF对CSS中* _ !important的支持：1、* IE6、IE7都支持 *，但IE8终于回归正统，放弃了对*的支持2、!important IE7、IE8、Firefox、Opera、Safari都支持 important3、_ IE6支持下划线，IE7、IE8和Firefox、Opera、Safari均不支持下划线。---------------------------CSS HACK------------------------------------ 【以下两种方法几乎能解决现今所有HACK】① !important随着IE7对!important的支持, !import 阅读全文

摘要： 本文转载自http://www.divcss5.com/jiqiao/j60.shtml解决IE6网页空白的问题，主要是charset的设置。常见网页显示空白，网页源文件完整原因如下：1、主要原因是html和css源代码的编码不同造成2、没有设置网页编码charset3、charset编码设置声明标签放置的位置不正确解决div+css开发的网页在IE6浏览器不显示的方法：1、要求标签里的charset=UTF-8与CSS编码一致，在CSS放置编码方法为在CSS文件最顶部放在@charset "utf-8"; 即可，要求css样式里charset的值和html里的charse 阅读全文

摘要： text-indent 段落首行文字缩进，可以用来隐藏背景图片上面的文字。比如在LOGO处。很好用我自己一直以为就是一种效果的实现方法，其实不然。这样做对于SEO是有好处的。假设一个166×66px的LOGO图片无标题文档 DIV+CSS学习与资源分享平台 我们让图片作为CSS背景、同时上面放上文字，又让文字隐藏，这个对于SEO来说比较实用。但实际操作时候注意图片大小高宽，在设置对象DIV盒子时候注意高度宽度适合，并使用CSS background背景样式、text-indent、css display等样式单词实现。根据DIVCSS5案例多实例实践即可学会。如果不想用A锚文本隐藏图 阅读全文