03 2013 档案

截断单行文本
摘要：如果不想由于单行文本过长而影响布局，通常会截取文本的一部分进行显示，并且在其末尾显示省略号。要实现文本截断的效果，可配合使用white-space、overflow与text-overflow属性，具体样式代码如下所示。width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; 阅读全文
posted @ 2013-03-11 22:29 newgate 阅读(324) 评论(0) 推荐(0) 编辑
CSS属性值记号法
摘要：CSS属性值记号法是一种描述如何定义样式规则的方法，即描述CSS语法的一种方法。例如，定义某元素边框的样式规则可用如下记号法（语法）描述。border: [ <border-width> || <border-style> || <border-color> ] | inherit在CSS规范中，对属性值记号法进行了详细的描述，其地址为http://www.w3.org/TR/2008/REC-CSS1-20080411/#notation-for-property-values。以下是这段规范的中文译文（有改动），由尹志忠和侯妍翻译。总地来说，每个属性的可 阅读全文
posted @ 2013-03-10 10:17 newgate 阅读(400) 评论(0) 推荐(0) 编辑
清楚浮动的子元素
摘要：在利用浮动进行布局时，不免会遇到一些问题。例如，当一个元素的所有子元素都浮动时，该元素的高度会变为零，这将破坏整体布局或导致该元素的背景不能正常显示。该问题的解决方法有很多，但最常见的方法有三种，这里将一一说明。在讨论这三种方法时，将以一个双栏布局为例，使用的HTML代码结构如下所示。<div id="main"> <div id="content"></div> <div id="sidebar"></div></div>从HTML结构上看，#content和# 阅读全文
posted @ 2013-03-10 09:17 newgate 阅读(365) 评论(8) 推荐(1) 编辑
重置浏览器默认样式
摘要：浏览器内置了很多元素的默认样式，例如超链接的蓝色带下划线的文字样式。h1元素同样具有默认样式，例如外边距，粗字体，大字号等样式。糟糕的是，不同浏览器有不同的默认样式。 为更好的控制元素样式，Eric Meyer提供了一个样式重置工具，来提高设计师的工作效率。这是一段样式代码，其详细内容如下所示。html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, i 阅读全文
posted @ 2013-03-10 08:50 newgate 阅读(589) 评论(3) 推荐(0) 编辑