随笔分类 -  DIV+CSS

网页布局、经典样式
CSS float浮动的深入研究、详解及拓展(一)
摘要：本文作者为：张鑫旭 来源于：张鑫旭-鑫空间-鑫生活 网站地址是：http://www.zhangxinxu.com概念目录个人感悟之CSS代码的情感化思维 个人观点之浮动的意义仅仅是文字环绕显示而已 个人观点之浮动的本质是“包裹及破坏” 个人观点之目前大多数浮动应用都不是浮动应该做的 个人观点之浮动其实是个魔鬼、混球 一、引言你我看待事物的方式不同，价值取向也不同，因为我们有着不同的世界观，价值观。这种世界观的差异不仅仅体现在实际的生活中，也反映在代码上。你我看待代码的方式，或者说是代码在我们情感层面的位置是不一样的，我这里说的是情感层面，与逻辑无关，与算法无关（虽然算法受情感影响）。这种看待 阅读全文
posted @ 2011-06-25 11:25 polymorphic 阅读(296) 评论(0) 推荐(0)
WEB UI篇——还HTML标签以本来意义
摘要：好文不仅要推荐，还要收藏，原文来自：http://www.cnblogs.com/CoreCaiNiao/archive/2011/06/19/2084651.html 说句实话，“DIV+CSS”这个词汇不知道害了多少人，也许其提出者本意并没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是DIV+CSS文件的组合。这样做，对于视觉上并没有什么影响，因为还原了之前设计的页面效果图，但如果这种HTML文档交给机器（例如蜘蛛）去分析，它可能根本找不到重点，你整个页面对它来说，就如同一个白蚁窝，它第一件要做的事情可能就是把这些相同的东西给去掉，然后再做内容的筛选。 搜索引擎的的发展让互联网. 阅读全文
posted @ 2011-06-20 10:19 polymorphic 阅读(217) 评论(0) 推荐(0)
HTML 块级元素/内联元素
摘要：块级元素的分类 (原文：http://kevinpeng.iteye.com/blog/743936)块级元素按照其应用于结构还是内容分为三种：结构化块状元素，终端块状元素，多目标块状元素。 一.结构化块状元素 这类元素用于构造文档的结构，一个好的文档结构对于搜索引擎和应用其他技术（如JavaScript）都是十分有利的。它们没有语义上的含义，仅仅划分出了文档的组织方式，并没有体现文档的内容。 主要的结构化块状元素 * <ol> * <ul> * <dl> * <table> 支持结构化的元素 * <li> * <dt> 阅读全文
posted @ 2011-06-17 22:31 polymorphic 阅读(230) 评论(0) 推荐(0)
表格美化
摘要：我在开发CRM系统的时候，我们客服人员提出了一个这样的问题：表格内容太宽，拖动滚动条到另一边就分不清自己看的是哪一行了。 于是我在网站找了很多解决方法，将其一结合JQuery进行改造后，代码如下： JS代码： /*表格行交叉样式JS，需要在使用该JS的页面定义相应的样式（.eee;.ddd;.on;.click;）文字链接的样式也要根据这些样式选择合适的颜色定义*/function Cross... 阅读全文
posted @ 2011-06-08 10:43 polymorphic 阅读(422) 评论(0) 推荐(0)
CSS滤镜属性详解
摘要：摘自：http://tech.163.com/05/0329/15/1G18AIVD0009158P.html1、CSS滤镜:Mask属性 Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单： Filter：Mask（Color=颜色 只有一个Color参数，用来指定使用什么颜色作为掩膜。 同样，我们来看一下一幅图片在加上mask属性前后的效果（见下图）： Mask属性效果图 加上MASK属性的效果就好象是在用有色眼镜看物体一样。上面的效果的代码如下： 1: <html> 2: <head> 3: <title> mask filter </ 阅读全文
posted @ 2011-06-01 22:39 polymorphic 阅读(718) 评论(0) 推荐(0)
div+css浏览器兼容问题解决方法
摘要：CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下 阅读全文
posted @ 2011-05-30 22:38 polymorphic 阅读(1402) 评论(1) 推荐(0)