元素的區別
CSS把每個html標籤所建立的元素都視為一個獨立個體,預設的特性不同又分為區塊元素與內行元素。
區塊元素:在加入後會自動換行的元素。例如:h1 p ul li等元素。
行內元素:在html文件中加入後仍然與前後內容放置在同一個文字段落中。例如:a img strong。
盒子模型
區塊元素在加上寬、高、內劇、框線、邊界的屬性後,整個外型如盒子一樣,稱之為盒子模型。
設定內容顯示區域尺寸:使用width height
<style>
.box1(
max-width:500px;
min-width:300px;
max-height:200px;
in-height:100px;
)
</style>
溢出範圍處理:overflow
overflow:hidden/scroll