2020-10-01から1ヶ月間の記事一覧

【Part1 - Cap3(p33)】text-indent

.sample { text-indent: -1em; padding-left: 2em; } [ ]

【Part1 - Cap3(p33)】box-shadow

1.文法 { box-shadow: 左右の向きpx 上下の向きpx ぼかしpx 広がりpx 色 内側指定; } 左、上に .sample { box-shadow: -4px -4px; } 内側にぼかし .example { box-shadow: 2px 2px 4px inset; }

求人の傾向

1.言語 React(実務経験、中規模開発以上) Vue.ts(実務経験) TypeScript jquery 2.テスト テストフレームワークの活用 css設計 bem,OOCSSの理解 4.共感 作業内容、企業理念

【Part1 - Cap3(p33)】background

省略していない形 .sample { background-color: transparent; //透明 background-image: none; //背景画像なし background-repeat: repeat; //縦横に繰り返す background-position: 0% 0%; //左上寄せ background-size: auto auto; background-attachment: s…

【Part1 - Cap2(p25)】marginとpadding

webliker.info

【Part1 - Cap2(p31)】下線を消す - text-decoration

a { text-decoration: none; }

【Part1 - Cap2(p31)】Font Family

指定する場所 bodyに対して指定する body { font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } プロパティの注意点 フォントファミリー名を使う場合 →ダブルクォーテーション、シングルク…

【Part1 - Cap2(p25)】float解除 ー clearfix

・下記だとfloatが指定されているため高さを認識できなくなり、footerが上がってしまう html <div class="wrapper"></div> <div class="left"></div> <div class="right"></div> <div class="footer"></div> css .left { float: left; } .right{ float: right; } ・改善点「clearfix」 html <div class="wrapper clearfix"></div> <div class="left"></div>