iT邦幫忙

2024 iThome 鐵人賽

DAY 12
0
自我挑戰組

HTML跨平台網頁設計系列 第 12

盒子模型與版面定位

  • 分享至 

  • xImage
  •  

元素的區別
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

上一篇
背景與框線設定
下一篇
變形、轉換與動畫
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言