出来事etcをつづっています。方へ目次なんでも掲示板画像掲示板ブログペットキリぺた帳検索トップ--年--月--日スポンサーサイト上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。Sheets)編集の目的です。この記事では、CSS編集に必要な最低限必要な知識をちょっとまとめてみました。class="sango_title">各部分の名前</div>を例にとって各部分の名前を確認しておきましょう。いってもそんなにこだわることはありませんから安心してください。(ここは読み飛ばしてもいいと思います。class="sango_title">各部分の名前</div>要素についてここについても色々な要素があって大きく分けて2種類あるんだって程度でいいでしょう。ブロックレベル要素h1?h6(見出し)、div(範囲)、p(段落)、blockquote(引用)、table(テーブル)、ol(番号付きリスト)、ul(番号なしリスト)、form(フォーム)など一つのまとまった単位になっている要素のことです。インライン要素a(アンカー)、span(範囲)、q(引用)、abbr(略語)、img(画像)、object(オフジェクト)、input(フォームの入力用部品)、select(メニュー)、textarea(複数行の入力フィールド)、label(ラベル)など行の一部として使われる要素のことです。※img、input、object、select、textareaなど要素自体が特定のもので置き換えられるものは置換要素と呼ばれています。CSSの書式この部分も名称は特に気にしなくても構いませんが、書式はしっかり覚えておきましょう。すべて半角英数文字です。.(点)、空白、:(コロン)、;(セミコロン)などもすべて半角英数文字で記入しましょう。セレクタ{プロパティ:値;}<例1>.imgright{float:right;}<例2>改行を入れて見やすくしてもかまいません。.imgright{float:right;}コメントアウトについてコメントアウトは便利ですから、しっかり覚えておきましょう。ここでのコメントとはブログのコメントと別の意味になります。プログラム文の中に書いても、無視される文のことを意味します。/*?*/の間に書いた文章やコードは表示には影響しません。このように無効化することをコメントアウトといいます。CSSコードを追加したり変更したりするときには、その目的や注意事項などのメモをコメントを利用して書いておくと、わかりやすいコードになります。<例>/*画像の回り込みの設定*/.imgright{float:right;}FC2ブログでCSS編集をする方法参考までに、ここのブログFC2ブログでCSS編集をする場合の方法を案内しておきます。FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定]をクリックします。「テンプレートの編集」にある、「スタイルシートの編集[テンプレート名]を編集しています。」の欄の中で編集します。キーワードがわかっているのなら、[Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「css_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪[プレビュー]で編集状況を確認して。完了したら、[更新]をクリックしましょう。FC2ブログでHTML編集をする方法FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定]をクリックします。「テンプレートの編集」にある、「HTMLの編集[テンプレート名]を編集しています。」の欄の中で編集します。キーワードがわかっているのなら、[Ctrl]+[F]([Ctrl]キーを押しながら[F]キーを押す意味です。いつも書いてますが、編集する前に、必ずHTMLのコードをコピーして、「html_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「html_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪[プレビュー]で編集状況を確認して。完了したら、[更新]をクリックしましょう。画像を左に配置してそのとなりに文字を書く。こんばんは~★今日は色々とありがとうございました。ありがとうございました。ここのブログのトップにあるフリースペースはFC2の独自タグを使っているんです。editコメント>miyuさん、こんばんはー♪>今日は色々とありがとうございました。ありがとうございました。CSSの追加も、文字も回り込みもばっちり設定できていましたよ。これでCSSの追加もできるようになりましたね。