ウェブ家の備忘録

ウェブデザイナーの備忘録

2020-04-03から1日間の記事一覧

jQuery : HTMLタグの中身を非表示

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function() { $('h1').hide(); }); </script> <h1>h1タグの内容は消える</h1>

CSS 文字列に透明度を出したり、文字間隔を開けたり

ソース <style> .font{ opacity:0.5; /* 透明度 */ font-size:45px; letter-spacing:5px; /* 文字間隔 */ } </style> <div class="font">文字列</div> 動作結果 文字列

CSSメモ ブロック要素の背景に画像を敷く

レスポンシブです。 フリー素材の山岳 test0123456789。あいうえおかきくけこ <style> .top{ padding:120px 0; background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/sirakabaararagi/20200403/20200403042518.jpg); color:white; background-si…

CSS : margin padding borderの短縮記法(ショートハンド)

参考 .example { margin: 10px; /* 上下左右 */ margin: 10px 20px; /* 上下 左右 */ margin: 10px 20px 30px; /* 上 左右 下 */ margin: 10px 20px 30px 40px; /* 上 右 下 左 */ } .example2 { margin: 10px 0; /* 上下のみ、左右を0にする */ } .example3…

CSSでよく名付けられるワード

https://qiita.com/pugiemonn/items/eaa597b79fe59a1f1506 私が気になった宣言名 wrapper : 囲っているもの。親。-top -bottom -left -right