27 CSS詳細設定
CSS詳細設定で大見出しのデザイン 文字の色やサイズを変更しながら 「CSS詳細設定」 の作業の流れを追います。
BiNDでは、シンプルなインターフェースで文
細かく指定する言語の１つで、ウェブデザイン
字の色やサイズ、行揃えなどの調整が可能です。
の司令塔とでもいうべき役割を担います。ここ
さらに新しいBiND６では 「CSS詳細設定」 機能
では 「CSS詳細設定」の操作の流れを見ていき
を取り入れ、より詳細にこだわったデザインが
ます。なお、利用には基本的なCSSの知識が必
できるようになりました。CSSは、スタイルを
要になります。
大見出しの色とサイズを変更して飾り罫を追加する
L e s s o n 4：こ だ わ り の レ イ ア ウト に 挑 戦 す る
❶ ブロックエディタで ［設定］ タブを選択
❷ CSS詳細設定の ［共有CSS］ メニューで ［別名で保存］ をクリック CSSを適用させたいブロックをブロック エディタで開き、 ［設定］ タブをクリックし ます。画面右側が ［CSS詳細設定］のセク ションになります。
❸ CSS名を入力する ❹ ［OK］ をクリック
CSSファイルは、必ずしも複製を作る必 要はありませんが、オリジナルをそのまま 残しておくことで、いつでも元の状態に戻 すことができます。
❺ ［＋］ ボタンをクリックし ［大見出し］ を選択 はじめにスタイルを適用させる要素を選 びます。ここでは ［大見出し］ を選択します。 これから設定するスタイルは、 ［大見出し］ タグ内のみに反映されます。
94