堂Di

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
上一页 1 ··· 4 5 6 7 8 9 10 下一页

2012年10月23日

摘要: 使用text-overflow:ellipsis对溢出文本显示省略号有两个好处,一是不用通过程序限定字数;二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表,这样处理对搜索引擎更友好,因为标题实际上并未被截字,而是局限于宽度而未被显示而已。通常的做法是这样的:1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o 阅读全文
posted @ 2012-10-23 11:53 堂Di 阅读(184) 评论(0) 推荐(0) 编辑

2012年9月24日

摘要: 标题(H1-H6)标签是指网页html 中对文本标题所进行的着重强调的一种标签,以标签 、 、 到 依此显示重要性的递减,制作标签的主要意义是告诉搜索引擎这个是一段文字的标题,起强调作用。 网站优化时怎么使用标题(H1-H6)标签? 1、使用 、 、 、 、 来部分说明文本中谁是主,谁是次。 2、... 阅读全文
posted @ 2012-09-24 10:26 堂Di 阅读(355) 评论(0) 推荐(0) 编辑

2012年9月20日

摘要: 1.很早就用这个来做箭头了 但是之前都是将border设为solid的 但是就要设背景色 如果背景色改了 效果就出错了~ 如果设为透明 则不兼容IE6 现在设为dashed 就可以设为透明 也可以兼容IE6了 2.其中line-height:0;与oveflow:hidden;需保留其中之一才可以兼... 阅读全文
posted @ 2012-09-20 17:30 堂Di 阅读(329) 评论(0) 推荐(0) 编辑

2012年9月10日

摘要: 两端对齐大家都知道text-align:justify;text-justify确不曾被人们所熟悉,它是干什么的呢?。先来看下语法。语法:text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph 参数: auto :允许浏览器用户代理确定使用的两端对齐法则 inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效 newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文 阅读全文
posted @ 2012-09-10 17:17 堂Di 阅读(554) 评论(0) 推荐(0) 编辑

2012年8月14日

摘要: 为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更好的表达你的创意和想法。 除此之外,我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果,什么样的设计才更适合Web页面;页面重构师和前端工程师则想知道在切图的时候应采用什么图片格式、如何进行参数设置才能达到品质和性能的最优化。 有时候我们可能会因为一张格式不正确的图片而导致设计品质的下降以及页面性能的降低。了解图片格式的特性就是为解答这些困惑从而让我们设计的产品更好、更快。.. 阅读全文
posted @ 2012-08-14 14:30 堂Di 阅读(191) 评论(0) 推荐(0) 编辑

摘要: 一般通过文本节点的nodeValue来读取或改变文本节点中的文本。该文本节点通常是元素节点的firstChild var x = document.getElementById('test');alert(x.firstChild.nodeValue... 阅读全文
posted @ 2012-08-14 10:49 堂Di 阅读(430) 评论(0) 推荐(0) 编辑

2012年5月3日

摘要: 以前做面面IE6行高问题,总出.但为了省时间,都改用PADDING撑起来去解决了....就直接不用行高解决.今天有空又在网上查了查.总结一下解决方法! 因为li中加入图片,会导致line-height失效如:当在一个容器里文字和img、input、textarea、select、object等元素相... 阅读全文
posted @ 2012-05-03 10:48 堂Di 阅读(329) 评论(0) 推荐(0) 编辑

2012年3月31日

摘要: css兼容性详解 申明:非原创仅供学习交流,原文地址:http://www.csdnjava.com/thread-911-1-1.html 一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现... 阅读全文
posted @ 2012-03-31 14:50 堂Di 阅读(204) 评论(0) 推荐(0) 编辑

2012年3月30日

摘要: 交互设计,表现出来的呈现方式可谓是多种多样, 一些事 不过你只要掌握好了以下三点的使用技巧,同样可能轻松打造出良好的交互设计效果。 互联网的一些事 一些事 1.响应 一些事 对即将产生交互内容的区域提供给操作者一种响应机制。 yixieshi 参考实例:http://glyde.... 阅读全文
posted @ 2012-03-30 10:12 堂Di 阅读(193) 评论(0) 推荐(0) 编辑

2012年3月27日

摘要: 要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我们说这个元素有 阅读全文
posted @ 2012-03-27 15:06 堂Di 阅读(337) 评论(0) 推荐(0) 编辑

上一页 1 ··· 4 5 6 7 8 9 10 下一页