さむかわcom-寒川 IT支援ボランティアグループ

さむかわcomの「お知らせ」や「活動内容」を発信しています。

[HTML, CSS]の初歩TIPS

■カラーチャート/カラーパレット
Web Safe Color (カラーチャート)
カラーパレット[フルカラーセレクト]
■スタイルシート
◇設定方法
・外部のスタイルを読み込む方法
複数のページでスタイルを統一したり、ページ共通の設定をしたりできる。
[例]
<link rel="stylesheet" href="ファイル名.css" type="text/css">
・HTMLファイル内にまとめて設定する方法
ページ毎に固有のスタイルを設定できる。
[例]
<html>
<head>
<style type="text/css">
<!--
p {font-size:14pt;}
-->
</head>
<body>
    :
<p>・・・</p>
    :
</body>
</html>

・インラインで設定する方法
(1)ブロック単位で設定
[例]
<p style="font-size:14pt;">ブロック単位で設定</p>

(2)文字単位で設定
[例]
<p><span style="color:#FF0000">文字単位</span>で設定</p>
■表
◇文字と線の間を空ける。
tdのpaddingで空ける
[例]
td {padding : 1em 10px; }
/*上下左右を空ける*/
■ページ全体
◇センタリング(中央へ位置付ける)
divでページ全体を覆い、左右のmarginをautoに。
[例]
<div id="wrapper">
ヘッダー
本文
フッタ
</div>

#wrapper{ margin:0 auto; width:幅; }
/*widthはdivで囲まれた範囲の最大*/
■ボーダー(border)
◇ボーダーを表示する
border-styleを指定しないとborder-widthやborder-colorを指定してもボーダーは表示されない
(border-styleの初期値は「none:表示しない」だから)
[例]
h1 {
border-style-:solid;
border-width:0 0 1px 10px;
border-color:#339933;
}
■ホームページビルダ
◇ ホームページ・ビルダー15
サポートFAQ

スポンサーサイト
[ 2013年06月17日 13:45 ] カテゴリ:パソコン役立情報 | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

プロフィール

samukawacom

Author:samukawacom
「さむかわcom」は、寒川町内のご高齢の方や障がいのある方を主な対象に、パソコンを使って、インターネットやメールなどの使い方を支援するボランティア活動をしています。

最新コメント
最新トラックバック
検索フォーム
ブロとも申請フォーム
QRコード
QR