CSS– tag –

職業訓練でHTML・CSSの考査を受けました 本日は、職業訓練でHTMLとCSSの考査がありました。 試験の難易度そのものは、それほど高くありませんでした。 ただ、実際に取り組んでみると、知識だけではなく、落ち着いて見直す力も必要だと感じました。 今回、...

はじめに 職業訓練のCSS学習で、スプライト画像を使ったボタン作成に取り組みました。 スプライト画像は、複数の画像やボタンの状態を1枚の画像にまとめ、CSSで表示する位置を切り替える方法です。 実際に作ってみると、1枚の画像からボタンの見た目を切り...

職業訓練の授業で、Webページの見た目を整えるCSSについて学びました。 今回学習したのは、ボックスに影を付けるbox-shadow、リンクの下線などを指定するtext-decoration、リンクの状態に応じてデザインを変える疑似クラス、透明度を指定するopacity、要素...

はじめに 職業訓練で、Webページの見た目を整えるCSSについて学びました。 今回の授業では、テーブルや文章、リストの表示を調整するCSSプロパティに加えて、HTML要素のまとめ方や、id・classの指定についても学習しました。 その中で特に印象に残ったのは...

はじめに 「floatを使ったら解除が必要」 私は、ずっとそのように考えていました。 ところが、職業訓練でCSSを学んでいると、floatを解除しなくても問題が起きないレイアウトがいくつも登場しました。 「では、どのようなときに解除が必要なのだろう？」 ...

はじめに 職業訓練で、Webページの見た目を整えるために使う「CSS」について学びました。 今回学習したのは、Webページ内にあるすべての要素に、一括でスタイルを設定できる「全称セレクタ」です。 CSSを学び始めたばかりの頃は、記号の意味や設定による見...

これまで学んだCSSを使ってトップページを制作 今日は職業訓練の授業で、これまで学習したCSSのプロパティを使い、Webサイトのトップページを装飾しました。 今回制作したのは、架空のピザ屋さんのWebサイトです。 ページには、大きな画像を表示するメイン...

はじめに 職業訓練のWeb制作の授業で、CSSのfloatプロパティについて学びました。 floatは、画像の横に文章を表示するなど、要素の周囲に「回り込み」を作るためのCSSです。 現在のWeb制作では、要素を横並びにするときにFlexboxやGridを使うことが増えて...

CSSでwidthやheightを指定したのに、なぜか反映されない。 HTML・CSSを学び始めたばかりの頃は、ここでつまずきやすいですよね。 ぼくも職業訓練でブロックとインラインについて学び、コードを書いてみたときに、「書き方は合っているはずなのに、なぜサイ...

今日は職業訓練で、CSSのセレクタと余白を設定するプロパティについて学習しました。 今回練習したのは、主に次の4つです。 class id margin padding CSSを使うと、文字の色や大きさ、要素の配置など、Webページの見た目を整えることができます。 これまで...

CSSを少し触るだけで、ブログは読みやすくなります CSSの演習で、コメントアウト、border、background-color、colorを学びました。 CSSは、Webページの見た目を整えるための言語です。 文字の色を変えたり、背景に色をつけたり、枠線で囲んだりすることで...

今日は職業訓練で、CSSの基礎について学びました。 CSSの設定方法や記述方法、コーディングの手順など、Web制作の基本になる内容です。 その中でも、特に印象に残ったのが「行間」の考え方でした。 私はこれまで、行間とは単純に「行と行の間にあるすき間...