【プログラミング】今日の学び
box-sizing
通常widthとheightにはpaddingとborderが含まれていないが、含まれるようにするときに使う。
calc()
使い方:width: calc((100% - 40px) / 3)
※演算子の前後には半角空白を入れる。
text-shadow
box-shadowのやり方と同じで文字に影がつけられる。
※4番目の値はつけられない。
セレクター種類
①要素型セレクター h1 <h1>...</h1>
②classセレクター info <p class="info">...</p>
同じページ内で同じ値を使ってはいけない。複数の値を指定することはできない。
空白を含めてはいけない→class属性のように
③idセレクター #ok <button id="ok">...</button>
④属性セレクター [href] <a href="about.html">...</a>
⑤全称セレクター * すべての要素にスタイルをつけることができる。
【プログラミング】今日の学び
marginの相殺
垂直方向でmarginが重なると、小さいほうが打ち消される。
displayプロパティ
①block
- <p> <h1> <div> <section>など。
- 下に追加されていく。
- widthやheightを設定できる。
(widthはデフォルトでは親要素の幅いっぱい、heightはコンテンツの高さになる)
②inline
- <img> <span> <a> <input>など文中に配置される要素。
- 左に詰めてならぶ。
- widthやheightが無効になる。
③inline-block
- 左に詰めて並べたいけれどwidthやheightも設定したいとき。
positionプロパティ
①static→通常通りに配置。(初期値)
②relative→top,left,right,bottomなどで指定。staticの位置から指定した分だけ移動する。
③fixed→ウィンドウの左上を起点にして、指定した分だけ移動する。
スクロールしても固定配置される。
④absolute
- 親要素がstatic→ウィンドウの左上を起点に指定した分だけ移動する。 この場合はスクロールした場合は固定されていない。
- 親要素がstatic以外→親要素を基準に配置される。
z-index
要素の重なり順を指定。数値が大きいほど上にくる。
【プログラミング】今日の学び
コーデイングについて
①block要素に影をつける方法
②placeholderとは、その設定方法
③textareaのcol属性とrows属性
- col属性→一行あたりの最大文字数の目安を指定する。
- row属性→表示行数を指定する。
④id属性を使った指定の仕方
⑤リストの最初や最後、n番目の要素の指定の仕方
消化不良
- inputのname属性/data属性
最近かった薬学系書籍
明日は
13:00からオンライン診療に伴う緊急避妊薬の調剤に関する研修会。
今後必要になってくるかとしれないのに、まわりは誰も申し込みをしていないという。
なんのための健康サポート薬局だよ。
制度だけでなんの役にもたってないし。
なにが地域のヘルスケアを担う存在だよ。
本当に薬局薬剤師って役立たず。。。
海外移住をしてみたいけれど
そのためには本業以外の収入を得られるようにならないと。
今いる会社の将来性もないし、さっさと見切るべきなんだろうけれど、まだ自分の力だけでは無理。
この2年で旅たてるように、使える時間は限られているから無駄にしないように。
息がつまる世界から抜け出したい
あまりにもこれから先の未来が見えなくて、今後の身の振り方を少しまじめに考え出した今日この頃。
日本から抜け出したいけれど、重たい鎧を何重にも着込んでいるから、からだが重くて這いつくばっている状態で一歩も動けない。
なんとかしなくちゃと焦ればあせるほど、底無し沼にはまって、さらに苦しくなる。