タグ・要素・属性・セレクタ・プロパティ

タグとか要素とか属性とかセレクタとかプロパティとか
よく分からないんで整理

HTML内で使用されるもの

タグ

aとか aタグ 付箋って意味

要素

タグで囲んだ領域・エリア
あまり使わないかも 全体とかって覚えておくと分かりやすいかも

属性

タグの後にくるものなのかな href,target,id,classとか

CSS内で使用されるもの

セレクタ

a,p,#id,.classとか {}の前 まずコレ
*この場所に入るものをセレクタと言うっぽい
 んでここにはタグや要素やタグや要素+id・classが入る

属性セレクタ

属性セレクタなるものも 文字通り属性を入れる a[title],a[target=”_blank”]等
aの属性title,属性target=”_blank”があるものに適用 input[type=”submit”]等に使えるかも
複数指定はa[title][target=”_blank”]等と記述

プロパティ

color,font-size,borderとか {}の中 セレクタの次

red,12pxとか プロパティの次

疑似クラス

:hoverや:link :first-childや:last-child、:nth-child

疑似要素

:afterや:before 

あとがき

自分なりの覚え方なんであしからず
タグ・要素・セレクタあたり少し紛らわしいが、
タグと要素はほぼ同じような意味で、セレクタはCSSの{}の前に入るものと覚えておくといいかも
あと疑似クラスと疑似要素
分かりづらいかもしれないが疑似クラスは現存するものに対しての指定だが、疑似要素は新たに要素を作ってしまおうといったところだろうか


コメントを残す

メールアドレスが公開されることはありません。