🍕未経験エンジニアのスキルUP＆転職応援ブログ🤟

CSS

骨組み（HTML）に装飾を与えるCSS。基礎から応用まで蓄積していきます🎨

: CSS スキルアップ

【CSS】repeating-linear-gradient 背景に格子・ストライプを表現する

2022/9/15

コンテンツ背景に格子状のデザインやストライプのデザインを背景に引く方法をお教えします。

: CSS スキルアップ

【CSS】:first-childと:first-of-typeの違いは？last-childとlast-of-typeも同じ考え方

2022/9/15

first-childとfirst-of-typeの違いです。この二つは似ているのでときどき混乱しますので詳しく解説します。last-childとlast-of-type、nth-childとnth-of-typeの違いもこの考え方と同じです。

: CSS スキルアップ

【CSS】 first-child・nth-of-type...兄弟要素で最初の要素、n番目の要素を指定できる頻出擬似クラス６つ＜後編＞

2022/9/15

今回はセレクタ解説の後編です。first-child,last-child,nth-of-type,,,などなど

: CSS スキルアップ

【CSS】子孫セレクタ、子セレクタ、隣接、複数など忘れがちなセレクタをまとめました＜前編＞

2023/3/7

「*」「+」「>」「,」これらについて書きます。セレクターを自由に使える様になると、コーディングスピード、可読性、更新性がアップします。

: CSS スキルアップ

【CSS】文字を下線（アンダーライン）で目立たせる３つの方法

2022/10/9

CSSでテキストにアンダーラインを引く方法をいくつか紹介します。普通の下線、太線、マーカー風の下線まで表現できる実装をまとめました。ブログやLP制作で、ユーザーの目線を奪うことは重要です。それにはテキストを際立たせる必要になる時があります。そんな時の為にアンダーラインの理解を深めましょう。

: CSS スキルアップ

【CSS】hoverで子要素や兄弟要素などの別要素にアクションをさせる方法

2023/3/19

今回はhoverした時に別の要素にアクションをつける方法を書きました。意外に躓くところなので、一読していただければと思います。脱初心者の為の内容となっています。

: CSS スキルアップ

【CSS】子要素を親要素内で上下左右中央寄せさせる方法

2022/9/26

子要素を親要素の上下左右中央に持ってくる方法を書きました。
様々な方法があるのですが、個人的には今回紹介する方法がベストではないかと思います。参考になれば幸いです。

: CSS スキルアップ

【CSS】outlineの特徴まとめ - borderとの違いも徹底解説

2022/9/15

outlineとborderの違いについて書きました。今まではborderしか使っていなかったのですが、outlineの特徴を知れば、コーディングでできることの幅が広がります。脱初心者を目指して。

: CSS スキルアップ

【CSS】テキストにマスク掛け。画像をテキストの形にクリッピング。（background-clip）

2022/9/15

CSS小技集。勉強しててイイなと思ったテクを共有します。