HTML&CSS 中級編
■プロパティ、タグ等まとめ
※機能の詳細が何かは省略しています
学習過程でプロパティ等は暗記する必要はないと考えていますが(その都度ぐぐる)中級編道場をスムーズに進めるためにまとめました。
・background-image: url(画像のURL);
・background-size: cover;
・margin:0 auto; (widthとセット)
・opacity: 0.7;
・letter-spacing: 10px;
・display: inline-block;
・div class="btn blue"(複数指定)
・div: hover{
background-color: red;
}
・border-radius
・text-aligin: center; (margin: 0 auto;との違い)
・<span class="fa fa-facebook"></span>(CSSでシート読み取る必要あり)
・opacityとrgbaの違い
background-coor: rgba(84,190,238,0.5);
・transition: all 1s;
・line-height: 10px;
・font-weight: bold;
・width: 50%;
・position: absolute;
top:50px; left: 70px;
・position: relative;
・box-shadow: 0px 10px #0000;
・cursor: pointer; (text)
・div:active{
background-color:red
}
・box-shadow:none ;
・btn.active{
position: relative;
top: 6px;
box-shadow: none;
}
・position: fixed;
top: 10px; left: 40px;
・z-index: 1; (potisionと併用)