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>