上网在线阅读，是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章，特别是网络小说，这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面，有没有人抱怨过：“这样的页面还需要出效果图啊?”作为网页设计师的你是怎样处理这样的界面的?是习惯性的使用宋体字或者微软雅黑? 是直...
分类：
Web程序 时间：
2015-03-06 18:55:19
阅读次数：
307
文字间隔、字母间隔设置：如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码：h1{ letter-spacing:50px;}...了不起的盖茨比注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之...
分类：
其他好文 时间：
2015-02-09 17:38:00
阅读次数：
122
网页顶部多了一个空白行，甚至引起了式样的错乱，样式都设置好了，可还是有空白行。很是奇怪，后来搜索了一下，找到原因了。就是因为页面编码时加了BOM，才导致的空白行，怎么也去不掉。分析原因：由于使用UTF-8编码，在编写或修改代码后都保存为utf-8编码格式。虽然现在几乎所有的文本编辑软件都可以显示并编...
分类：
Web程序 时间：
2014-11-30 21:21:56
阅读次数：
232
在网页排版布局中比如文章列表标题排版，无论多少文字均不希望换行显示，需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Break 的缩写，意思是禁止...
分类：
Web程序 时间：
2014-11-17 00:36:52
阅读次数：
197
在网页排版布局中比如文章列表标题排版，无论多少文字均不希望换行显示，需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Break 的缩写，意思是禁止换行。通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行...
分类：
Web程序 时间：
2014-11-17 00:20:59
阅读次数：
293
在网页排版设计中，会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采 用CSS的代码控制来实现文本截取的方法，与程序员的直接字符截取的方式有些区别，其优势是可以自动控制文本显示的长度；缺点是不同浏览器的兼容性并不完 美。使用over....
分类：
Web程序 时间：
2014-08-20 14:00:43
阅读次数：
245
本文网页排版有些差，已上传了doc，可以下载阅读。本文中的所有代码已打包，下载地址在此。----------------------------------------------------------------------------------------------------------...
本小节的标题是盒子的定位，实际上对于使用CSS对网页布局这个大主题来说．“定位”这个词本身有两种含义。● 广义的“定位”：要将某个元素故到某个位置的时候，这个动作可以称为定位操作，可以使用任何CSS规则来实现，这就是泛指的一个网页排版中的定位操作，使用传统的表格排版时，同样存在定位的问题。● 狭义的...
分类：
其他好文 时间：
2014-06-20 16:26:18
阅读次数：
282
Trident、Gecko、Presto、WebKit ——是4种常见的浏览器内核（1）Trident
是微软的Windows搭载的网页浏览器——Internet Explorer浏览器使用的内核（俗称IE内核）（2）Gecko
Gecko是开放源代码、以C++编写的网页排版引擎，目前被Moz...
分类：
其他好文 时间：
2014-05-18 20:15:07
阅读次数：
247
网页设计中，切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让界面设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小，节省下载时间、有效的减少服务器的负担。
以UI设计师最常用的 Photoshop 以及 Illustrator 为例，都提供了「储存为网页用…」的功能。与默认的存盘模式不同，在这个模式中，软...
分类：
Web程序 时间：
2014-05-06 23:30:15
阅读次数：
385
