HTML/CSS – one euro

Published 2021年8月19日 by mick

Web で価格表示に「〜（から）」をつける

Web で値段表示を作成する際、ものにのよっては「〜（から）」の表示が必要になってきます。なるべくレイアウトを壊さないでおこうとすると、疑似要素を使うのが選択肢としてでてきます。

Published 2021年7月22日 by mick

HTML の imgタグを中央揃えする方法（ブロック要素とインライン要素の復習付き）。ずばり、自分用のお勉強メモです。

Published 2021年7月18日 by mick

ちょっと HTML や CSS を編集したい／ 2つの編集結果をリアルタイムで確認したい／環境を選ばないで使いたい／こんなときに使える無料のクラウドサービスがありました。Liveweave です。

Published 2021年6月27日 by mick

こんにちは、mickです。 Webページを作るとき、画像に関…

Published 2021年2月12日 by mick

CSSで背景（背景画像）だけを透過するやり方を紹介。透過だからopacityを使えば、と思ったけれどできない！という方は解決します。HTMLとCSSはコピペOKですぐに使えます。

Published 2021年2月7日 by mick

HTMLの要素を消したり隠したりするCSS、display:none; と visibility:hidden; 自分も含め、どっちを使えばいいか迷う人のために、整理しておくことにしました。この記事を読むと、この2つの違いと使い分けがわかるようになります。

Published 2021年1月29日 by mick

CSSのメディアクエリ@mediaのmin-widthとmax-widthの書き方を紹介。この2つ、いつもどっちか迷うので、ひとつ整理することにしました。いま画面の小さいスマホに合わせて、min-widthを使うのが多くなっています。つまり、迷ったらmin-widthを使えばOK。

Published 2021年1月22日 by mick

CSSだけでクリックイベントをつくるお勉強メモです。label要素がもつfor属性を使うと離れたinput要素を操作できます。これを利用して、クリックイベントを作るという。CSSおもしろい。