亿度网络 - CSS教程

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> CSS教程

CSS教程

///pc/img/title_00.gif" width="13" height="20">

　→ CSS快速入门
　→ 怎样编写CSS
　→ CSS属性
　　 1.字体属性
　　 2.颜色和背景属性
　　 3.文本属性
　　 4.“容器”属性
　　　　※边距属性
　　　　※填充距属性
　　　　※边框属性
　　　　※图文混排
　　 5.分级属性
　　 6.鼠标属性
　→ CSS定位
　→ CSS滤镜　　　

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">

三、CSS属性

　　※填充距属性

　　本节我将向您介绍填充距属性。我们先来看一下填充距的属性列表：

///pc/homepage/css/img/css060.gif" width="390" height="113" border="0" alt="填充距属性">

　　首先我们得先了解什么叫填充距，它与边距有什么差别呢？填充距指的是文本边框与文本之间的距离。
　　这样讲是不是有些难懂，由于填充距属性与margin一样，都有一个一次定义的属性：padding，所以我们举个例子，看一下到底什么叫填充距，请看下图：

///pc/homepage/css/img/css013.gif" width="447" height="381" border="0" alt="填充距属性例子">

　　我们看到上图中红框圈住的地方就是填充距起作用的部分。实际上上图的效果只是在上一节例子的<head>中把下面这段代码加入到Body定义的margin后面：

　　padding：1em 2em 3em 4em

　　从上可以看出，红框标记外的部分属于margin属性在起作用。
　　下一节将向您介绍边框属性。

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法