亿度网络 - 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/css062.gif" width="406" height="110" border="0" alt="容器的其他属性">

　　上表中的float属性很有意思，我们看看用它作的一个页面效果（如下图）：

///pc/homepage/css/img/css015.gif" width="296" height="297" border="0" alt="float属性">

　　您是不是以为在图片那里插入了一个表格才实现这种图文混排的效果的呢？
　　其实不是的，在这里只是在<head>中定义了一下<img>的float和margin属性，代码如下：

<html>
　　　<title>margin css</title>
　　　<head>
　　　<style>
　　　
　　　</style>
　　　</head>
　　　<body>
　　　<p class=“p2” style=“line-height：17pt”>
　　　<img src=“logo.gif” alt=“floating” > 　　
　　　　　我公司是一家以软件开发及销售为主业的高新技术企业。位于高科技产业
　　　　密集的清华大学东门，拥有近4000平米的独立办公楼，全体员工年轻勤奋而富
　　　　有创造力，极具挑战性和竞争性。</p>
　　　</body>
　　　</html>

　　怎么样，不用表格也能实现图文混排的效果，并且减少了大量的代码。您还可以试试float的其他效果。
　　好了，“容器”属性就讲这么多，我们可以看出，充分利用CSS的“容器”属性，将会使您的页面布局更加合理，样式更加漂亮。下一节我将向您介绍分级属性。

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

网页制作网页设计网站建设网站设计网站制作做网站做网页