HTML CSS キー入力のウィンドウズキーをアイコンで表示する方法
たまにMicrosoft PowerToysを試してみるの記事で使ったような、キー操作を説明する記事を書くことがあります。Wordpress でキーを表現する場合は、ブロックエディタの段落のメニューの逆への字を押して「キーボード入力」を押し...
HTML CSS
HTML CSS 
HTML CSS CSSのみでの日本地図をブラッシュアップしてみた
昨年CSSのみでの日本地図をつくってみたで、HTMLとCSSだけで日本地図を作ってみましたが、もうすこしブラッシュアップしてみました。
まずはスマートフォンで見た時は、タイル型に変更。
それから地方別に色分けをして、すこし見た目も整え...
HTML CSS 見出しのスタイルをCSSだけでいくつか
h3 {
line-height: 1.5;
font-size:32px;
}
.midasi01 {
background-color: #ccc;
bord...
HTML CSS CSSのみでの日本地図をつくってみた
都道府県のリストをCSSだけで日本地図的に表現したくてあちこち探索。
Prefectly - 使おう！WebFontとCSSを使った日本地図 MOONGIFTというのがあったのですが、各都道府県からリンクするとなると、関東あたりがちと厳...
HTML CSS 汚い游ゴシックをワンクリックで見やすくする方法
たまに文字がかすれて見えるサイトがありませんか。
たとえば早稲田大学のサイトなど。
OS、ブラウザによって見え方が違いますが、Windows10 の chrome で見るとこんな感じです。
これは、Windows 8.1から標準でイン...
HTML CSS width属性は優先度が低い
長いことHTMLをあつかってきたつもりですが、基本的なところも改めて調べてみると、覚え間違いをしていることが多いですね。
img要素は、上の画像のようにと書いて、src属性はともかく、alt属性が必須項目なので、width属性・heig...
HTML CSS font-size:14px;ってどこからどこまでが14px?（日本語遍）
font-size:14px;ってどこからどこまでが14px?で、font-size:14px;の場合の14pxは、大文字の高さ＋ベースライン下に加えて、上に18％ほど余白があってそれが合わせて14pxになってみました。
では、日本語フォ...
HTML CSS font-size:14px;ってどこからどこまでが14px?
今日もシコシコとHTMLを書きながら、ふと気になったこと。
「font-size:14px;ってどこからどこまでが14pxなんだろう？」
気になったので、ちょちょっと
と書いてブラウザで表示。
結果がこれ。
mMip
そしてものス...
HTML CSS remのメリットって
今年に入って、このブログのリニューアルを裏でぽちぽちとやっています。
テーマTwentytwelveをベースに少しだけカスタマイズしようと思っているのですが、ちょっと戸惑ったのが
font-size: 0.785714286rem;
など...