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

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

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

目錄