清除float對左側的影響
信息來源:
優度網絡 發布日期:2009/3/26 瀏覽數量:
1067次
文章導讀:
<html>
<head>
<title>float屬性 clear</title>
<style type="text/css">
<!--
body{
margin:5px;
font-family:Arial;
font-size:13px;
}
.block1{
padding-left:10px;
margin-right:10px;
float:left; /* 塊1向左浮動 */
}
h3{
background-color:#a5d1ff; /* 標題的背景色 */
border:1px dotted #222222; /* 標題邊框 */
clear:left; /* 清除float對左側的影響 */
}
-->
</style>
</head>
<body>
<div class="block1"><img src="building2.jpg" border="0"></div>
<div>對于一個網頁設計者來說,HTML語言一定不會感到陌生,因為它是所有網頁制作的基礎。但是如果希望網頁能夠美觀、大方,并且升級方便,維護輕松,那么僅僅HTML是不夠的,CSS在這中間扮演著重要的角色。本章從CSS的基本概念出發,介紹CSS語言的特點,以及如何在網頁中引入CSS,并對CSS進行初步的體驗。</div>
<h3>CSS的概念</h3>
<div>CSS(Cascading Style Sheet),中文譯為層疊樣式表,是用于控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。</div>
</body>
</html>