1116

  今天主要就講了兩點,一是<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標籤還是比較常用的,在網頁的編碼編寫時,可以很好的利用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章