6
|
Chris Farmer Marcelo Cantos · 技术社区 · 16 年前 |
1
4
遗憾的是,如果您对HTML没有太多的控制权,那么很难从CSS中获得稳定、一致的表示。如果您不能向元素添加特殊的类/ID,这一点尤其正确。和
如果您只限于所提供的HTML,那么您的主要目标应该是使其尽可能可读。确保字体大小足够大,人们可以在椅子上舒服地向后靠着阅读。或者站在某人的肩膀上。它不需要太大,但如果它像你所说的文本太重,传统的12磅可能会觉得太小,不适合大量阅读。 使用哪种字体是另一个考虑因素。Verdana比Arial宽,所以它占用了更多的水平空间,但对眼睛来说更容易看到。其他人倾向于使用像georia这样的衬线字体,这种字体在较大的尺寸下可以很好地容纳。
垂直间距很重要。确保在页面的各个区域之间包含足够的可视分隔时间。您可以使用明显且一致的副标题样式来实现这一点。同时确保
别忘了水平空间。一般的经验法则是,一列文本每行的跨度不应该超过60-70个字符,否则阅读起来会更加困难。 记住,人们来你的网站是为了获取信息,他们访问和获取信息的速度越快,他们就越高兴。视觉糖果是不错的,但你的首要任务应该是使网站尽可能容易使用和清晰。 至于灵感,我是一个相当大的文本设计迷 Information Architects . 你也可以看看 Subtraction.com . 博客很可能是一个很好的灵感来源,因为它们通常都是大量的文本。 祝你好运。 |
2
3
我会说 A List Apart 是一个很好的开始的地方。 您可以从一个非常广泛(和结构化)的主题中进行选择,然后从您感兴趣的主题中跟踪相关链接。 |
3
2
我也遇到过类似的情况,通过下载和学习 http://www.openwebdesign.org/ . 有很多设计,论坛里都是愿意帮忙的人。 |
4
2
Eric Meyer 总是一个好的CSS资源。 |
5
2
第一件事。使用简单语义的XHTML。如果适用的话,将那些
至于样式指南…我喜欢本亨特的网页设计从头开始,即使他皮条不断他的电子书。内容不错。 Web Design From Scratch: Style Guide Web Design From Scratch: Current Styles 如果你正在寻找一个致力于正确的CSS的示例ASP.NET网站,请查看微软的免费模板。 最后,这是一个真正的宝石在这里,如果你需要样式表数据,粉碎杂志有商品。这些桌子设计不符合图表。包含示例代码。事实上,你可以花几个小时在粉碎的杂志网站上。很多好的例子和免费的东西。 Smashing Magazine: Top 10 CSS Table Designs Smashing Magazine: All CSS Articles 和平之德 |
6
0
Battle of the CSS Frameworks 是另一个很好的资源。您可以通过采用一个好的、简化的框架来缩短CSS开发时间。 |
YunusoviÄ · 我无法用css更改html段落颜色 1 年前 |
Blake · 无法使用CSS旋转Angular 15中的字体图标 1 年前 |
Phil Lucks · 如何制作边界的外半径? 1 年前 |
roy_meir · 创建自定义下拉式元素 1 年前 |
Community wiki · 如何为触摸设备优化网站 1 年前 |
tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿? 1 年前 |
manofconstsorrow · 点击导航项目关闭汉堡菜单 1 年前 |