-1

私は非伝統的な理由で HTML を追求しています。学術論文では、MS Word や LaTeX よりも適切なキャンバスを提供すると思います。なぜなら、それは著者により良いコミュニケーション手段を提供するからです。従来の APA 6 ガイドラインに準拠した学術論文に使用できる形式を作成しようとしています。

index.html ファイルまたは style.css (どちらがより適切かはわかりません) を使用して、ページを全幅ではなく 8.5 幅の紙のように見せたい (正確なサイズは重要ではありません)。明るい灰色の背景。これは、次のように wordpress の 22 のテーマで行われます。

ここに画像の説明を入力

index.html ファイル (以下を参照) を変更してこの感覚を再現するにはどうすればよいでしょうか。あるいは、style.css ファイルに何かを追加する必要があるのでしょうか? 具体的には、「ページ」が上にある色付きの背景をどのように処理できますか?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal. Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.
  </body>
</html>

22 から盗んでみましたが、ファイルが php で、style.scc ファイルで何をしているのかわからないため、理解できませんでした。

4

1 に答える 1

2

簡単な例を次に示します...特定のルールは簡単に変更できますが、アイデアが得られるはずです。基本的に、ボディの子要素( )に 100% より小さい幅を設定しますdiv.container。次に、margin-leftとのmargin-right値をautoに設定して、水平方向の中央に配置します。とheight:400pxmargin-topmargin-bottom設定する1em値は任意です。ページのコンテンツは要素内に構築する必要がありますdiv.container...偽のページです。

デモ: http://jsfiddle.net/ZXdY8/

CSS

body {
    background: #efefef;
}
.container {
    width: 90%;
    height: 400px;
    margin: 1em auto;
    background: #FFF;
}
.container p {
    padding: 1em;
}

HTML

<body>
   <div class="container">
      <p>Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal. Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.</p>
   </div>
</body>
于 2013-04-23T04:08:21.230 に答える