はてなブログの大見出しが、h3から始まっているってご存じでしたか？ 通常は、h1、h2、h3と順番に並んでいるはずなのに、なぜかはてなブログではh1、h3、h4・・・という順番になっていて、h2がないのです！ なぜ・・・？このままでいいの？ 対処するならば、どんな対処法があるの？ どうやって対処したらいいの？ 紹介しますね！ はてなブログの見出しとは？ 大見出し 中見出し 小見出し なぜ、はてなブログにh2がないの？ 対応は４つ！ 手動で書き換える Markdownモードで書く GoogleChromeの拡張機能を利用する jqueryを利用する 私がとった対策はjquery 手順は？ 予想外の場所に変化があったら・・・？ 気になる方はh2を追加して、正しい順番に変更しよう！ はてなブログの見出しとは？ 見出しとは、文章のタイトルとして書かれている部分のことです。 このタイトルがあることで

ブログを書いていると、「ここ大事なところだから強調したい」や「ほかにもこんなのがおすすめです」など文字をボックスで囲いたくなることってありますよね！ 今回は、自分のブログをもっと見やすくするために、ボックス(囲い枠)の作成方法を簡単に作成する方法をご紹介していきたいと思います！！ それでは行ってみましょう！ ボックスデザイン(囲い枠)の作り方 HTMLの記述内容 リンク先を記述する場合 CSSの記述内容 プレビュー CSSが反映されない場合の対処法 最後に ボックスデザイン(囲い枠)の作り方 HTMLの記述内容 <div class="box27"> <span class="box-title27">ボックスのタイトル</span> <ul> <li>箇条書きにしたい内容①</li> <li>箇条書きにしたい内容②</li> <li>箇条書きにしたい内容③</li> </ul> </di

This domain may be for sale!

CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも