▼名前
▼性別 選択 男 女
▼コメント[必須]>>3 > (2) じゃ、次はCSSとそれを使った方法……なんだけどもCSSとタグとでは書式がかなり違ってくる 基本はコレ セレクタ名{プロパティ名:プロパティ値;プロパティ名:プロパティ値} 分かる? セレクタってのが波括弧({})内の指示を効かせる範囲のこと タグでは文章内に直接書いて囲んだ範囲を対象にしてたよね その範囲の中で変更したいプロパティ【property タグで言う「要素」「属性」をまとめたものだね】ごとにセミコロン(;)で区切り【この一区切りを「宣言」って呼ぶよ】、各プロパティに与える数値や選択をコロン(:)で分けてプロパティ値って呼ぶんだ セレクタ名はタグの名前だけでなく、classやidで「このタグを使った部分のうち、こいつらだけ(class)」、「このタグを使った部分のうち、ここだけ(id)」という風に限定することもできる まあそれどころか実に色んなセレクタの選択の仕方があるんで、ひとまずこれだけは覚えてくれ セレクタ名.クラス名{} セレクタ名#ID名{} このように、クラス名は前にドット・ピリオド(.)を、ID名は前にハッシュ(#)を置いて区別するからね 一方、文章内でクラスやIDを宣言するのは…… 、 って書くからね はdivision、この範囲を「ブロック要素」として分割するよ、ってタグ はこの範囲を「インライン要素」として分割するよ、ってタグ ブロック要素であるdivの中には色んなものを入れ子にできて、その内の一つがインライン要素……たとえばspan 逆にインライン要素の中にはブロック要素を入れることはできない【その地点でインライン要素が区切られる】ので注意してね この2つをメインにして説明するからね CSSの使い方は大きく分けて三種類 ・別にCSSファイルを用意して、でそれを参照する方法 ・HTML内にとstyleタグを使って書いておく方法 ・各タグごとに<要素名 style="プロパティ名:プロパティ値">の形でstyle属性で書いておく方法 世間一般で推奨されているのはCSSファイルを用意する方法だけど、ココではちょっと難しいよね【できなくはなさそう……試したことないけど】 ここではstyleタグを使う方法で説明するからね これも現在では内に置くのは推奨されていないので、で囲むとなお良いね……まあ、面倒だし以後はやらないけど 他のCSSエディタとかでは、改行もインシデント【入れ子の階層ごとに行頭を落として視認性を高めること】も使えるけど、ここではコメント投稿→サーバーに格納→禁止ワードや改行をタグに直すなどの修正をしてからHTML文書に追加……って方法を取るために余計なことをしない方がイイ……というより、そうじゃないとうまく動作しないんだ なので、解説するときは改行込みで見やすくするけど、実際に機能しているかどうかを見る部分では改行空白無しで横にダラダラ続いててメチャ読みづらくなるからそのつもりでね それと、HTMLのSourceを確認できるようになっててくれてると嬉しいな それぞれのブラウザでやり方は違うから、「(使ってるブラウザ名) HTML ソース 読む方法」とかで検索掛けてね ▼削除/編集パス※半角英数4〜8 back
▼削除/編集パス※半角英数4〜8
back