スタイルシートのタグがついたページ
![](https://wordpress.0hs.org/wp-content/uploads/2022/04/08caa1963b51daa2acad0709f77efb3c-320x180.png)
タグクラウドのスタイルシート-Simplicity
Simplicityのタグクラウドを装飾する場合、以前ご紹介したタグ一覧のスタイルシートを適応させることができる。
![](https://wordpress.0hs.org/wp-content/uploads/2022/04/2fe9943a67346fd228ae7aefe6d64312-320x180.png)
コメントアウト一覧
HTML、Java、CSS、PHPなどあちこちで、使うコメントアウト。どれにどのコードを使えばコメントアウトできるのか?いつも混乱する。この際コメントアウトの仕方をまとめておこうと思う。
![](https://wordpress.0hs.org/wp-content/uploads/2014/08/4b049341be841094ced072f490d1eece.png)
HTMLの「id」「class」とスタイルシートの「#」「.」
外部スタイルシートを見てみると#で指定されたものと.で指定されたものがあるのに気がつくと思う。 #はHTMLのidで設定して部分のスタイルを指定する。 .はHTMLのclassで指定した部分のスタイルを指定する。 さて、この#(id)と.(...
![](https://wordpress.0hs.org/wp-content/uploads/2014/08/4b049341be841094ced072f490d1eece.png)
テキストリンクの記載方法
テキストにリンクを貼るリンクの指定方法にもいろいろある。 今日はテキストリンクのHTMLの記載方法をメモ。
![](https://wordpress.0hs.org/wp-content/uploads/2014/07/a374eb07f089d42c3ae1c2feceaf791a.png)
子カテゴリーの前に擬似要素で記号をつける
子カテゴリーにリストマークらしきものをつける。 リストマークは種類が少ないのでスタイルシートの擬似要素の:beforeというものを使ってリストマークの代用にする。 文字でも、画像でも、音声でもリストマークの変わりに利用することができる。 ち...
![](https://wordpress.0hs.org/wp-content/uploads/2014/08/4b049341be841094ced072f490d1eece.png)
スタイルシートのコメントの記載方法
スタイルシートにコメントを入れてみよう。 スタイルシートをカスタマイズするときにコメントの入れ方を覚えておくと「どこをどうカスタマイズしたか忘れた!」なんてことが無くなる。
![](https://wordpress.0hs.org/wp-content/uploads/2014/08/7fee3d8bb0797135c2d3ea865d063ca3.png)
Table of Contents Plus(目次プラグイン)で遅くなったサイト表示を早くする
目次を入れるプラグインTable of Contents Plusのスタイルシートがページの読み込み速度を遅くしているようなのでちょっと改善したい。 Table of Contents Plusには、プラグインのスタイルシートを読み込まない...
![](https://wordpress.0hs.org/wp-content/uploads/2014/08/bd8acd49725acf78703e6f7471373e0e.gif)
スタイルシートで角の丸いリンクボタンを作ろう
スタイルシートで角の丸いリンクボタンを作って見よう。 画像のリンクボタンを利用するよりサイトの表示スピードが速くなる。
![](https://wordpress.0hs.org/wp-content/uploads/2014/07/59acce2195b44c03925dc8b546805319.png)
広告を横に並べて表示
今回は、広告を横に並べて表示してみる。 テーブルを使うと簡単なのだが、レイアウトにテーブルを使うのもいかがなものかと思うので、今回は<div>とfloatを使う。 もちろん、広告でなくても良い、画像でも、文章でもOKだ。 wordpress...