【CSS】last-childとlast-of-typeの違いについてCSSのlast-childとlast-of-typeの違いについてのまとめました。似ている2つのセレクタ、その違いをしっかりと理解していきましょう。【CSS】デザインが反映されない場合の対処法【media属性は合っていますか?】CSSの表示が反映されないときの対処法です。いったときの原因はmedia属性にあるかもしれません。【CSS】要素の順番の入れ替え方法についてHTMLの順番を入れ替えたい場合の方法についてまとめました。縦方向、横方向、ともにCSSのみで実現可能です。上下の順番の入れ替えからです。【CSS】z-indexが効かない場合の対処法CSSで使用できる「z-index」プロパティ。コンテンツの重なり順が指定できる、とても便利な機能ですよね。それが効かない場合があります。原因は大きく分けて以下の二つですので、それぞれ見ていきましょう。【CSS】display要素のgridキーワードの使い方CSS3で登場したdisplay要素の新キーワードgridについてのまとめです。important」が邪魔になることがあります。追加したHTMLページには「!important」のCSSを適用したくないんだけどなぁ、と思う場合です。既存のwordpressテーマや誰かが作成したページを修正する際に、after、before疑似要素をリセットしたい場合があります。【CSS】HTMLのテーブルを縦にする方法HTMLのtable要素を縦にするテクニックです。tableを縦にするのはスマホ対応の時に多いです。「PC表示は横表示だけど、スマホは縦にしたい」といった場合ですね。意外にも簡単に出来るので、やり方を覚えておきましょう。【CSS】ラジオボタンやチェックボックスのデザインを良くするラジオボタンやチェックボックスはデフォルトの状態だと少し硬い印象を受けます。デザイン性を高めることは多いので、このラジオボタン、チェックボックスを次のように変更しましょう。おしゃれなデザインのサイトなどでは、斜めにカットした背景や、三角形の図形を表示していることが多いです。実はこれらのデザインはCSSのみで出来るのですが、やや難易度が高くなっています。propertyWebAPPエンジニア→クラウドソーシング→フリーランスと様々なことを経験してきました。今はwebのモノヅクリしながらブログで色々技術情報開示してます。使用する言語→HTML/CSS/jQuery/PHP/Java/Oracle/Django..etc塾講師だったことがあるので、分かりやすく、詳細な説明を意識しています。