欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

可视的Xhtml网页(CSS)的二维CSS元素图解

Xhtml网页有人说像盒子一样的,通过DIV CSS把内容信息封装起来的结构网页,在可视的结构中各元素被呈现为了二维平面。图解如下:
 

CSS 元素属性图解
CSS二维平面图解


下面我们来详细分解下:
最内的白色区为内容信息展示区,可以是图片也可以是文字,而内容呈现区由高度css height)、宽度css width)来控制;内容呈现区域被外层矩形补白(padding)(灰色区)包围着,该层不能设置颜色,但是是透明呈现内容的背景色;接着是CSS元素的边框(border)(红色区域),这是外框边框可设置宽度和颜色、实线、虚线等样式;最外层白色区域虚线与红色区间是边界距离(margin),它与元素的外部相邻的盒子间距也是无色透明也无颜色设置样式。 
 divcss5提供DIV+CSS基础教程!

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r10.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2010-04-18 14:02 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。