css
環境 macos node -v v15.1.0 npm -v 7.0.8 vue --version @vue/cli 4.5.12 npm list vue vue@2.6.14 "postcss": "^7.0.35", "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.1.4", ※ vue3でも試したところうまく行った(vue@3.1.1) 参考資料 メイン資料…
ベース記事cssの使い方 背景のcssbackground-image …… 背景画像を指定する 背景の色を変えるプロパティは background-color を使う。例えばヘッダーに水色の背景を変える場合、 header { background-color : #CCEEF2 ; } 更に色を背景色を薄くしたい場合には…
ベース記事css使い方 内容 ブロックタイプレベルとインラインレベル widthとheightの使い方 外側の余白を調整する 内側の余白を調整する 境界線をつける インラインタイプをブロックタイプに変換する方法 ボックスの角を丸くする 1.ブロックタイプレベルとイ…
親記事css使い方 内容 フォントの種類を変える フォントのサイズを変える 文字の太さを変える 下線や打ち消し線を加える 文章の行間を設定する フォントの設定を一括で行う場合 フォントの種類を変えるプロパティはfont-familyを用いる。ユーザの環境によっ…
ベース記事css使い方コメントアウトの書き方pythonの場合はコメント文頭で#もしくは'''でコメントを括るとコメントアウトできる。javascriptでは//を使う。cssの場合はスラッシュとアスタリスクを組み合わせる。 /* コメントを書く */
メモよく使うと思われるプロパティについてメモを残す。 テキストを中央寄せする場合 p{ text-align : center ; }
関連記事css使い方 セレクタの書き方セレクタはhtmlタグを単純に書くだけではない。 例えばheaderのh2属性のみにcssを適用したい場合には以下のように書く。 header h2{ color : black ; } リンクが青色で下線部が引かれている状態を直す場合css header nav …
ベース記事css使い方 すべての要素を対象にするセレクタの書き方通常の書き方とどう違うのか？それは＊をセレクタに書くことである。その他変わったことはない。 ちなみにcssには優先順位がある。あるセレクタに対しcssが複数ある場合には優先順位のルールが…
関連記事すべての要素を対象にするセレクタの書き方 セレクタの書き方 テキストスタイル関連 ボックスのスタイル 背景のスタイルcss使い方種類 html内のタグに属性として直接書く方法 html内headタグ内にcssを記述する方法(インラインcss) htmlファイルとは…
