清除float對(duì)左側(cè)的影響
文章導(dǎo)讀:
<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向左浮動(dòng) */
}
h3{
background-color:#a5d1ff; /* 標(biāo)題的背景色 */
border:1px dotted #222222; /* 標(biāo)題邊框 */
clear:left; /* 清除float對(duì)左側(cè)的影響 */
}
-->
</style>
</head>
<body>
<div class="block1"><img src="building2.jpg" border="0"></div>
<div>對(duì)于一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō),HTML語(yǔ)言一定不會(huì)感到陌生,因?yàn)樗撬芯W(wǎng)頁(yè)制作的基礎(chǔ)。但是如果希望網(wǎng)頁(yè)能夠美觀、大方,并且升級(jí)方便,維護(hù)輕松,那么僅僅HTML是不夠的,CSS在這中間扮演著重要的角色。本章從CSS的基本概念出發(fā),介紹CSS語(yǔ)言的特點(diǎn),以及如何在網(wǎng)頁(yè)中引入CSS,并對(duì)CSS進(jìn)行初步的體驗(yàn)。</div>
<h3>CSS的概念</h3>
<div>CSS(Cascading Style Sheet),中文譯為層疊樣式表,是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。</div>
</body>
</html>