今天主要就講了兩點,一是<overflow>溢出,其屬性包括:hidden隱藏,auto自(這時會出現滾動條)。然後就是<span>行內元素。下對span解釋:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
height: 100px;
width: 200px;
background-color: yellow;
display: inline-block;
}
span{
width: 200px;
height: 100px;
background-color: red;
display: block;
}
</style>
</head>
<body>
<!-- 塊級元素 若想變爲行內塊級元素只需在style中加入display:inline-block屬性(特點:具有款及元素的特點,但不能自動換行。)-->
<div></div>
<!-- inline行內元素 不能設置寬高,但可以加入背景色。span不能自動換行,但若想變爲div形式的塊級元素,可在style中加入display:block屬性-->
<span>sss</span>
</body>
</html>
這兩種屬性不是很常用,但是span標籤還是比較常用的,在網頁的編碼編寫時,可以很好的利用。