CSS– tag –

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

# CSSスプライト画像でボタンを作成｜便利さと管理の難しさを学んだ CSSスプライト画像｜ボタン作成の仕組みと感じた便利さ 職業訓練のCSS学習で、スプライト画像を使ったボタン作成に取り組みました。 スプライト画像は、複数の画像やボタンの状態を1枚の...

# CSSのdisplayはいつ使う？リンクをボタンにして理解した使い方 職業訓練の授業で、Webページの見た目を整えるCSSについて学びました。 今回学習したのは、ボックスに影を付けるbox-shadow、リンクの下線などを指定するtext-decoration、リンクの状態に応...

# 職業訓練でCSSを学習｜divで囲みすぎずclassを指定する考え方 CSS div class｜今回学んだCSSプロパティ 職業訓練で、Webページの見た目を整えるCSSについて学びました。 今回の授業では、テーブルや文章、リストの表示を調整するCSSプロパティに加えて、...

# floatの解除はいつ必要？CSS学習で感じた判断の難しさ CSS float 解除｜floatを使うと何が起きるのか 「floatを使ったら解除が必要」 私は、ずっとそのように考えていました。 ところが、職業訓練でCSSを学んでいると、floatを解除しなくても問題が起き...

# CSS初心者が「*」の意味を理解した日｜全称セレクタでブラウザの余白をリセット 職業訓練で、Webページの見た目を整えるために使う「CSS」について学びました。 今回学習したのは、Webページ内にあるすべての要素に、一括でスタイルを設定できる「全称セ...

# CSSのfloatに苦戦した初心者が、ピザ屋さんのWebサイトを完成させるまで 今日は職業訓練の授業で、これまで学習したCSSのプロパティを使い、Webサイトのトップページを装飾しました。 今回制作したのは、架空のピザ屋さんのWebサイトです。 ページには、...

# 複雑なWebレイアウトは大枠から考える｜CSSのfloatで学んだこと CSS float｜複雑なWebレイアウトを大枠から考える理由 職業訓練のWeb制作の授業で、CSSのfloatプロパティについて学びました。 floatは、画像の横に文章を表示するなど、要素の周囲に「回...

# CSSのwidth・heightが効かない原因は？ブロックとインラインの違いを解説 CSSでwidthやheightを指定したのに、なぜか反映されない。 HTML・CSSを学び始めたばかりの頃は、ここでつまずきやすいですよね。 ぼくも職業訓練でブロックとインラインについて...

# CSS初心者がclassとidの違いを学んで気づいたこと 今日は職業訓練で、CSSのセレクタと余白を設定するプロパティについて学習しました。 今回練習したのは、主に次の4つです。 class id margin padding CSSを使うと、文字の色や大きさ、要素の配置など、W...

# CSS初心者が最初に覚えたいborder・background-color・colorの使い方｜ブログ装飾で学んだこと CSSの演習で、コメントアウト、border、background-color、colorを学びました。 CSSは、Webページの見た目を整えるための言語です。 文字の色を変えたり、背...

# CSSの行間はただの余白ではなかった｜初心者がline-heightを学んでスッキリした話 今日は職業訓練で、CSSの基礎について学びました。 CSSの設定方法や記述方法、コーディングの手順など、Web制作の基本になる内容です。 その中でも、特に印象に残ったの...