HTML
Java+Springboot+thymeleaf■概要 1.SpringフレームワークでModelインターフェースで受けた値（フィールド）を HTML（ビュー）側に簡易実装するための仕組み（テンプレートエンジン）■準備（宣言） htmlタグに以下を記述する //urlは特に意味はなくuri（一意…
ファイル名に日本語を指定した場合ブラウザによって文字化けすることがあるので文頭に @charset "UTF-8";と記載しておく 【テキスト】 ■line-height：インライン要素の高さを設定する 余白（line-height - font-size）は上下均等に割り振られるpxでの指定以…
【概要】 ■公式ドキュメントはMDN■htmlファイルの命名規則はケバブケース(ハイフンつなぎ) テンプレート <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/style.css"> <title>tableタグ整理</title> </head> <body> ～code～ <script type="text/javascript" src="js/main.js"></script> </body> </html> 【基本的な要素】 ■css…
概要 twitter社の開発したテンプレートカスタマイズツール jQueryのようにWebと接続して使用するか ダウンロードして使用する。 utilitiesのcssはimportantが利いてしまうので注意する。 参考 公式サイト https://getbootstrap.jp/docs/4.5/getting-started/…
flexboxを使用するメリット・要素の並べ替えや順序の変更が楽・余白や余剰分の整地、均等幅配置など要素の配置方法がシンプル・要素の重ね合わせにも柔軟に対応 【基本事項】■構成・コンテナで領域を定義・コンテナの中にflex Itemを配置・配置方向(flex-dir…
