在网页设计中CSS属性转换

布局属性控制应用 CSS 样式规则的 HTML 元素如何与页面上的其他元素进行交互。例如,可隐藏元素,也可防止旁边的文本随着已应用样式规则的元素的特定边框进行流动。布局属性还控制元素行为的某些方面。可设置溢出属性,它的作用是确定滚动条能否出现,还确定通过剪辑某些区域,将显示元素的哪部分。

很多CSS属性可能拥有与方向或位置相关的值,如顶部、底部、左边和右边等。在垂直布局的环境中如何转换这些值,通常,影响方向或位置的CSS属性石被绝对转换的,这表明这种样式隐含的或明确的方向性并不随垂直布局而改变。例如,border-left属性在垂直布局中,它表示在元素的左边界上绘制一个边框,因为这种放置时绝对的,所以在垂直布局中,border-left并不会变为border-top。

但是有些CSS属性的转换时相对的。这是从逻辑角度而言的,表明若按照上面那样对它们进行绝对转换是没有意义的,line-height属性就是一个示例。如果行是水平布局的,在该属性控制行的高度;如果行是垂直布局的,则该属性控制行的宽度。换句话说,line-height属性在与基线的角度上控制行的大小。因此,对属性进行绝对转换是没有意义的。

分类目录: 建站教程 | 标签: 网页  设计  CSS  属性  转换   | 评论:0
上一篇: 第一屏及导航栏的位置
下一篇: 垂直布局的使用