タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
今回は、「CSSセレクタ」 について解説していきたい思います。 主に、ブログでCSSデザインを導入する場合を想定 して、基本編・応用編の２回に分けて解説を進めて行きます。 今回は、基本編として、CSSセレクタについて簡単に解説した後、よく使う「基本のセレクタ」を紹介していきます。 ※ ブログでCSSを使用する場合は、お使いのブログがCSSの使用に対応している必要があります。 目次 CSSセレクタとは？ カスタム対象のクラスやIDの確認方法 記事中で紹介するコードの表示確認方法【ブログ向け】 はてなブログの場合 CSSファイルから試す場合 よく使う「基本のセレクタ」 要素の指定 ID名の指定 クラス名の指定 要素名＋クラス名で指定 特定の複数クラスを持つ要素を指定 複数セレクタの指定 子孫セレクタの指定 子セレクタの指定 まとめ CSSセレクタとは？ 「CSS」を使うと、HTMLの特定の要素
前回は、CSSセレクタの中でも、使用頻度の高い「基本のセレクタ」について解説してみました。 今回は、より詳細なカスタマイズのための「応用セレクタ」 を紹介したいと思います。 目次 はじめに より詳細なカスタマイズのための「応用セレクタ」 全ての要素を指定 指定要素の全ての子孫を指定 属性で指定 特定の属性を持つ要素を指定 その他の属性指定 「疑似クラス」による指定 マウスオーバー時の指定 その他の疑似クラス 「疑似要素」による指定 要素の前後をカスタム その他の疑似要素 その他のセレクタ 兄弟を指定 隣接する兄弟を指定 まとめ はじめに CSSセレクタの概要や、記事中で紹介するコードの表示確認方法などは、以下の前回記事で解説していますので、そちらを確認してください。 より詳細なカスタマイズのための「応用セレクタ」 全ての要素を指定 *記号を使って、すべての要素を指定することができます。 実
【CSS】ちょっと扱いやすくした？罫線背景【はてなブログ向け】 - Little Strange Software
どうも！LSSです！！ 昨日、「ブログの背景に罫線を描き、その上に文字が綺麗に並ぶ」よう挑戦した記事を書きました。 little-strange.hatenablog.com ただし、これは背景として罫線模様のlinear-gradientを、そして行の高さとなるline-heightプロパティを模様にあわせる、というもので、文章中に高さが変わる要素…例えば文字を一部大きくするとか、画像を入れるとか、見出しをまたぐなどであっさり崩れてしまいます^^; それらの問題をクリアできるわけではないのですが、都度 <div class="keisen">中の文章</div> を入れるのも使い勝手が悪いな…と思い、「ブログ１記事全文を罫線表示する」際に扱いやすいコードに書き換えてみました。 ※はてなブログ向けです。 なお、今回は過去記事にコードを突っ込み、表示例としています。 コード その１ コード
おっさんとblogというブログさんとほおずきれいこの骨髄ブログ・2nd seasonさんのブログ向け特化記事ですｗ - チコちゃんに叱られないブログ
特定ブログに向けた特化記事 2019年11月30日 昨晩寝る前に『おっさんとblogというブログ。』で、【久しぶりにいきなり『記事を書く』から記事を書きます。】という記事に接して、直ぐに［ぶコメ］を書こうかなと思ったのですが深夜だったこともあり、こいつこんな時間までネット依存者かと思われたくなかったので、翌朝になって［ぶコメ］を目出度く致しました。 今朝方は我が敬愛するほおずきれいこさんの記事で画像とblogの表示速度の記事がありまして、こちらも［ぶコメ］をしたけどもう少し書きたくてコメントの記事を作っていたが長くなりすぎて、そしてこれはコメントではちょっともったいないかなと思って自分の記事にしちゃいました (´▽｀;;;) そんなわけで、お二人の記事のブログカードを貼り付けて、お二人を召喚すれば、お二人のその時の記事に対しての私の考え方というか返答にもなるのかなと思います。 特定ブログに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ブログ向け】CSSセレクタ入門【基本編】 - mlog
【ブログ向け】CSSセレクタ入門【応用編】 - mlog
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp