コーディング(HTML,CSS)
PR

19/4/30学習記録③『emmet による記法』

ジーコ
記事内に商品プロモーションを含む場合があります

emmet での連番入力方法

01から12までの連番を一気に記述したい場合

option[value="$$"]{$$}*12
↓
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>

2015から2020までを一気に記述したい場合

option[value="$$$$@2015"]{$$$$@2015}*6
↓
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>

背景をグラデーションにしたい時

div {
  bg: lg(30deg(角度),#fff(開始色),#000(終了色))
}
  ↓
div {
  background: -webkit-linear-gradient(300deg, #fff, #000);
  background: -o-linear-gradient(300deg, #fff, #000);
  background: linear-gradient(30deg, #fff, #000);
}
ABOUT ME
記事URLをコピーしました