CSS版面配置:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
(新頁面: 分類:HTML
 
第 1 行: 第 1 行:
 
[[分類:HTML]]
 
[[分類:HTML]]
 +
<div style='max-width:600px;margin:1em auto;'>
 +
  <h1 style='max-width:600px;margin:.5em auto 1em;'>目錄</h1>
 +
  <ul style='line-height:1.5em;padding:0;width:90%;margin:auto;'>
 +
    <li>
 +
      <ul>
 +
        <li><a href='no-layout.html'>沒有版面配置</a></li>
 +
        <li><a href='display.html'>關於 'display' 屬性</a></li>
 +
        <li><a href='margin-auto.html'>margin: auto;</a></li>
 +
        <li><a href='max-width.html'>關於 max-width 屬性</a></li>
 +
        <li><a href='box-model.html'>關於 Box Model(區塊模型)</a></li>
 +
        <li><a href='box-sizing.html'>關於 box-sizing 屬性</a></li>
 +
        <li><a href='position.html'>關於 position 屬性</a></li>
 +
        <li><a href='position-example.html'>更完整的 position 範例</a></li>
 +
        <li><a href='float.html'>關於 float 屬性</a></li>
 +
        <li><a href='clear.html'>關於 clear 屬性</a></li>
 +
        <li><a href='clearfix.html'>clearfix 密技</a></li>
 +
        <li><a href='float-layout.html'>float 版面配置範例</a></li>
 +
        <li><a href='percent.html'>百分比寬度</a></li>
 +
        <li><a href='media-queries.html'>媒體查詢(media queries)</a></li>
 +
        <li><a href='inline-block.html'>display: inline-block</a></li>
 +
        <li><a href='inline-block-layout.html'>使用 inline-block 版面配置</a></li>
 +
        <li><a href='column.html'>column</a></li>
 +
        <li><a href='flexbox.html'>flexbox</a></li>
 +
        <li><a href='frameworks.html'>CSS 框架</a></li>
 +
        <li><a href='about.html'>關於本站</a></li>
 +
      </ul>
 +
    </li>
 +
  </ul>
 +
</div>

2019年1月27日 (日) 09:45的修訂版本

目錄

    • <a href='no-layout.html'>沒有版面配置</a>
    • <a href='display.html'>關於 'display' 屬性</a>
    • <a href='margin-auto.html'>margin: auto;</a>
    • <a href='max-width.html'>關於 max-width 屬性</a>
    • <a href='box-model.html'>關於 Box Model(區塊模型)</a>
    • <a href='box-sizing.html'>關於 box-sizing 屬性</a>
    • <a href='position.html'>關於 position 屬性</a>
    • <a href='position-example.html'>更完整的 position 範例</a>
    • <a href='float.html'>關於 float 屬性</a>
    • <a href='clear.html'>關於 clear 屬性</a>
    • <a href='clearfix.html'>clearfix 密技</a>
    • <a href='float-layout.html'>float 版面配置範例</a>
    • <a href='percent.html'>百分比寬度</a>
    • <a href='media-queries.html'>媒體查詢(media queries)</a>
    • <a href='inline-block.html'>display: inline-block</a>
    • <a href='inline-block-layout.html'>使用 inline-block 版面配置</a>
    • <a href='column.html'>column</a>
    • <a href='flexbox.html'>flexbox</a>
    • <a href='frameworks.html'>CSS 框架</a>
    • <a href='about.html'>關於本站</a>