FAREX BLOG

Just another WordPress site

30 7月

スタイルシート :: css ファイルでの @charset の書き方

Posted in stylesheet, ホームページ作成 on 30.07.11

EUC で作成する場合

@charset "euc-jp";

 

UTF-8 で作成する場合

@charset "utf-8";

 

SHIFT-JIS で作成する場合

@charset "shift-jis";

 

上記 @charset を css ファイルの 先頭行 へ記述する。

 

用例

@charset "utf-8";

* {
  margin      : 0;
  padding     : 0;
  font-family : 'ヒラギノ角ゴ Pro W3',sans-serif;
  line-height : 1.5;
  font-size   : small;
}

 

参考

テンプレートビー

tags: ,

スタイルシート :: css ファイルでの @charset の書き方 はコメントを受け付けていません。

01 6月

スタイルシート :: HTML のコメント

Posted in stylesheet, ホームページ作成 on 01.06.11

用例

<style type="text/css">
<!--
h1 {
  background-color: #ffffcc;
}
-->
</style>

 

『 最近は、スタイルシートを解釈できない古いブラウザが利用されることがほとんどないと考えられるため、このように記述する必要性はあまりないといえます。 』 だそうです。

スタイルシートのコメントを活用しよう! – [ホームページ作成] All About

tags: , , ,

スタイルシート :: HTML のコメント はコメントを受け付けていません。

15 12月

footer を最下部へ

Posted in stylesheet, ホームページ作成 on 15.12.10

A CSS Sticky Footer を参考に footer を修正しました。

 

HTML

<body>
<div id="id_wrapper_main">
  <div id="id_header">
  </div>
  <div id="id_main">
  </div>
  <div class="push"></div>
</div>
<div id="id_footer" class="push">
</div>
</body>

 

CSS

* {
  margin : 0;
}

html, body {
  height : 100%;
}

.push {
  height : 30px;
}

#id_wrapper_main {
  min-height : 100%;
  height     : auto !important;
  height     : 100%;
  margin     : 0 auto -30px;
}

#id_footer {
}

tags: ,

footer を最下部へ はコメントを受け付けていません。