网页设计基础 ps网页设计，文字怎么在参考线中上下左右对齐？

ps网页设计，文字怎么在参考线中上下左右对齐？

最简单的方法是给文字所在的那个标签加一个padding-top，用上填充的方法模拟出文字向下对齐的效果来。如果不想用这种方法，也有比较复杂的实现手段。假设上面html的代码是是这样的：

那么可以这样来定义它的css.footer {height:100px position:relative}.center {position:absolute bottom:0 text-align:center}给文字做一下绝对定位，这样它的父元素无论高度是怎样，都可以向下对齐了。

如何运用网页设计中对齐原则？

一、对齐 对齐(Alignment)：任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

二、对比 对比(Contrast)：对比的基本思想是，要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常食最重要的一个因素，

三、亲密性 亲密性(Proximity):彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

四、重复 重复(Repetition):让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。

网页设计基础 网页设计需要学什么 优秀网页设计

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。