入力欄(inputタグのtext属性)にて、数値とかだからと
右詰(「text-align:right;」)にした場合、
IEだと、カーソルの点滅が枠の右線とかぶってしまう。
つまり、点滅がみえない。

こんな時は、若干右に余白を空けてあげればよい。
「padding-right:0.1em;」とかね。

リンク文字(aタグ)にカーソルをもっていくと、指マークになる。
ボタンについても同様にしてあげるといいかも。
ってことで、それを実現するCSSは「style="cursor:pointer"」だ。

ただし、無効なボタン(「disabled="disabled"」のボタン)の場合は
指マークにしない方が親切だろう。
この場合、CSSを定義しないか「style="cursor:auto;"」を定義する。

「1em」はなぜか半角1文字分の横幅ではなく、全角1文字分の横幅と同じ。

あれ、日本語の人が決めた規格なの？なぜに全角？

と思ったら、横幅ではなく縦幅が基準なんだって。

なっとく。

※等幅フォント(横幅×2＝縦幅)を前提としたお話です

空欄(横幅なし)のdivタグに、JavaScriptで文字を(追加)表示させると
一文字ずつ自動改行されて、縦表示になるブラウザがあるようだ。
＃ChromeとSafariがそれ(InternetExplorer、FireFox、Operaは大丈夫)

回避策としてはdivタグにCSSとして「white-space:nowrap;」を
定義してあげるとよいようだ。

┌──────────────────────────────────────┐
│<link rel="stylesheet" href="xxxx.css" type="text/css"/>                    │
└──────────────────────────────────────┘
みたいな感じで、CSSファイルを外部ファイルとした場合、
その外部ファイルの先頭で以下みたいに文字コードを宣言してあげる。
┌──────────────────────────────────────┐
│@charset "UTF-8";                                                           │
└──────────────────────────────────────┘

ちなみに「@charset "utf8";」だと、うまくいく場合もあれば、
いかない場合もあるので注意。

┌──────┐
│内   padding│margin  外
└──────┘

こういう階層になってて…
┌──────────────────────────────────────┐
│<div id="a">                                                                │
│  <div id="aa">                                                             │
└──────────────────────────────────────┘
「ID="a"」の子セレクタ「ID="aa"」を指定したいって時に出くわした。

┌──────────────────────────────────────┐
│#a > #aa                                                                    │
└──────────────────────────────────────┘
とかかな？と悩んだが…

IDって親だろう子だろうが全体で一意なので
┌──────────────────────────────────────┐
│#aa                                                                         │
└──────────────────────────────────────┘
で、いいんです。

こんな単純なことだが、いろいろやってると混乱してしまうのだ。
手を読みすぎて二歩を犯してしまったり、合併の繰り返しで
自社株を大量に保有してしまうようなもんだ。(例えがわかりにくい？)

Firefoxとかで、リンクみたいな文字を選択すると、点線の囲いが出る時がある。
その回避方法。
┌──────────────────────────────────────┐
│a {                                                                         │
│  outline:none;                                                             │
│}                                                                           │
└──────────────────────────────────────┘
「outline」属性を「none」にしてあげればよい。

昔はCENTERタグってものがあって、以下のように囲えばOKだった。
┌──────────────────────────────────────┐
│<CENTER><TABLE>…</TABLE></CENTER>                                          │
└──────────────────────────────────────┘

でも、CENTERタグなんか使うなってことになって、以下のような感じになった。
＃実はこの辺があやふや(なにせCENTERタグをバリバリ使ってしまっていたから)
┌──────────────────────────────────────┐
│<TABLE align="center">…</TABLE>                                            │
└──────────────────────────────────────┘

そんでもって、CSSってのになって以下のような形で現在に至っています。
＃style属性じゃなくてstyleタグにまとめればなおいいけど、説明の便宜上こちらに
┌──────────────────────────────────────┐
│<table style="margin:auto;">…</table>                                      │
└──────────────────────────────────────┘

…ところが、IEがこれに対応していない。
ってことで、妥協案としてこんな感じになります。(ああ、ややこしい)
┌──────────────────────────────────────┐
│<div style="text-align:center;">                                            │
│<table style="margin:auto; text-align:left;">…</table>                     │
│</div>                                                                      │
└──────────────────────────────────────┘

background-color:transparent;