【CSS】BootStrapがややこしくなったのでCSSを学習中

研究
OLYMPUS PEN E-PL9 (c)Maya
この記事は約1分で読めます。

この記事は1年前の記事です。当時の情報、理解に基づいておりますのでご留意ください

はじめに

表題の通りですが、いま起きていること
モノはやはりこの人。

firebaseチャット試作品 - maya.pg.
firebaseチャット試作品 - maya.pg.
  1. アカウントリストのUIを作っていて
  2. BootStrapのcol-4などが計算できず、カッとした
  3. いまどきCSSでもないだろうと撤廃作業
  4. どだいCSSなんか真面目にやるの何年ぶりよ

という次第であちこち参照して補完しています。

参考サイト

[CSS]テキストや画像を上下左右の中央寄せに配置、最近主流になっている実装方法のまとめ
子要素を親要素の左右の中央寄せに配置するのは、簡単です。 インライン要素は「text-align: center;」で、ブロック要素であれば「margin: 0 auto;」で中央に配置できます。 難
CSSボタンデザイン120個以上!どこよりも詳しく作り方を解説! | JAJAAAN
CSSで作れるボタンについて120個以上サンプルを作成してみました。どこよりも詳しく、どこよりもサンプル多く解説しています。どれもHTMLとCSSで実現できるものであり、PC用ボタンはすべてホバーアクション付きです。また、CSSボタンを作る際の重要なポイントについても解説しています。
コピペでできる!cssとhtmlのみで作るアコーディオンメニュー | copypet.jp|パーツで探す、web制作に使えるコピペサイト。
cssとhtmlのみでアコーディオンメニューです。 メニューに使えるリストタグで作るものと、長文のテキストなどを入れ込んでもカスタマイズが面倒でないものをピックアップ。 基本構造は、タグを利用しています。 input typeを「radio」にすればクリック時にアクティブになっていないものを閉じることができ、 inpu...

ってCSSやるならSCSSでやれば良かった気がしますが。

コメント

タイトルとURLをコピーしました