SUNABACOおんらいん1st4日目

2020年5月8日 16:11

絶対パスと相対パス

特定のファイルを参照するときのたどり着くまでの道筋

絶対パス
→住所を直接打ち込むイメージ
◯距離が遠くても端的に伝えられる
×リンク切れを起こすかも（参照先の住所は変わると困る）

相対パス
→現在地から口頭で道案内するイメージ
◯場所への道順を正確に記述するからリンク切れを起こしにくい
×参照先の距離が遠いと膨大で煩雑な記述が必要「./」同じ階層で移動する
「../」階層を一つ上げる

HTML や XML の要素をどのように修飾するかを指示する仕様の一つで、World Wide Web Consortium がとりまとめ勧告する。文書の構造と体裁を分離させるという理念を実現するために提唱されたスタイルシートの具体的な仕様の一つ。
webページの見栄えレイアウトデザインを整える

サルワカ　初心者　CSS 何度も何度も熟読推奨
さあ行ってみよう

セレクタ｛　プロパティ : 値 ; ｝

セレクタ（どこに）
→htmlのどのタグを対象にするか

プロパティ（何を）
→対象部分の何を変えるんか（フォントサイズや色大きさなど）

値（どのように）
→対象部分をどのように変えるか具体的な値を

①詳細度が同じ場合下のセレクタが優先
（命令は上から順に実行される、下にあるものが後から実行される）
②詳細度が違う場合高い方が優先される

HTML内で同じタグ（〈p〉や〈h1〉など）を区別するときclassやidを使う

〈タグ名　class＝”class名”〉

一つのファイル内でいくつも指定できる（詳細度低）

〈タグ名　id＝”ID名”〉

一つのファイル内で一つしか指定できない（詳細度高）

classやid を使ってタグを詳細にセレクタに指定するとき
.を使ってclassを指定する「.クラス名」
♯を使ってid を指定する「♯ID名」

twitterのフォロワーが増やせる
検証機能でwebページの変更したい部分を一時的に試せる

！気になるページのソースコードが読める！