オリジナルテーマは引用のCSSもお忘れなく

初めて引用符を使うことになり、ダメ元で、そのまま設定したものの、CSSを作っていないので、何にも変更されない。。。もちろん、コードタグ的には、blockquoteで囲まれているので、引用状態なので、ロボット向きだが、人の見た目に向いていない。

出来上がった中から、良さそうなコードを拝借し、あとは色を調整。

Chromeの検証は対象の上でクリック

今回初めて知ったことだが、いつも検証をする時、リンクなど支障のないところを適当にしていたが、なんと、知りたい対象の上で行うことで、対象のタグを直接表示してくれるという…。

し、知らなかった。。。今までcommand+Fで検索していたのに、これは楽チン。

引用デザイン

拝借したコードは、もちろんpx指定のため、どうしようかと思っていたが、変にレスポンシブのために％を使うと、レイアウトが崩れるため、今回はそのままにした。

あとは、アイコンはfontawesomeは重いので、毎度のごとく、IcoMoonで。

今回、引用ページが必要になったのは、強調スニペットを狙いに行ったため。どんな結果になるか楽しみ。