CSS/SCSS CSS備忘録
CSSアニメーションで遊んでみた
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">...
CSS/SCSS
CSS/SCSS CSS/SCSS HTML/CSS備忘録
ローディングアイコンの作成方法
空のdiv要素を配置
上下左右にborderを設定(色を別々にする)
border-radiusの設定
animationの設定
@keyframesの設定
<...
CSS/SCSS よく使うEmmet(CSS)
CSS
foo<foo></foo>posposition:relative;pos:position:absolute;d:ndisplay:none;d:bdisplay:block;d:fdisplay...
CSS/SCSS HTML/CSSの参考書購入・紹介
プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック
この本は、実際の制作の流れに沿って工程を教えてくれる(デザインカンプ⇒コーディング)タグやプロパティについて「どうしてそれ...
CSS/SCSS CSS備忘録
ブラウザで英語を全て大文字にする方法
htmlは、先頭文字だけ大文字にして他は小文字
cssで「text-transform: uppercase;」を適用することで、全て大文字にする
例えば、「ABOUT」と表示...
CSS/SCSS CSS備忘録
border🆚outline
マウスホバー時に枠線をつける場合
outlineを使用するべき
理由① borderを使うとボックスのサイズが変わり、テキストの位置がずれる。
理由② outline...
CSS/SCSS CSS備忘録
position: absolute;を適用した要素
記事を見ると、適用した要素がインラインブロック要素みたいに変わると思った。
CSS/SCSS CSS備忘録
position: absolute; の基準点
「position: absolute;」 の基準点は、static以外のpositionを持つ親要素。relativeだけが基準の指定ではないことに注意！！
CSS/SCSS CSS備忘録
【疑似クラスで３番目以降の指定方法】
:nth-child(n+3)
nは0以降の数字のため、0+3=３1+3=４2+3=５3+3=６・・・と続く。
CSS/SCSS CSS備忘録
上向き三角形の作り方(border)
widthを0
heightを0
border-bottomに色を指定
border-bottom以外の方向にtransparent(透明)を指定
3と4で、...