HTML,CSSで使えるタグメモ

サイトを作る上で重要になるHTML、CSSタグをメモしておきます。ほとんど自分用メモ

僕は使っているエディター


win:TeraPad


Mac:CotEditor

<背景イメージ関連>

背景イメージリンクの書き方
background-image: url(../img/allbg.png);

背景イメージの位置(中央中央)
background-position:center center;

背景イメージの固定
background-attachment: fixed;

背景イメージを全体引き伸ばし
background-size: cover;

<divタグ関連>

divを横幅900pxにして中央に配置
width: 900px;
margin-right: auto;
margin-left: auto;

<テキスト装飾関連>

太字  font-weight: bold;
赤色  color: #996600;
サイズ font-size: 150%;
UL  text-decoration: underline;

ドロップシャドウ 
text-shadow: 2px 4px 3px rgba(0,0,0,0.2);

JQueryとよく使われるテク達

ひっつくメニュー

1、グローバルメニューをリストタグで作成

div id=”globalNavi”
div内のリスト

2、CSSはこんな感じで

#globalNavi{
  width: 100%;
  background:#333;
}
#globalNavi ul li a{
background:#666;
width: 20%;
float: left;
padding:20px 0;
text-align: center;
color: #fff;
text-decoration: none;
border-right: 1px solid #777;
box-sizing: border-box;
}
#globalNavi ul li a:hover{
background:#333;
}

引用元はこちら

グローバルナビをスクロール時に固定する方法

ABOUTこの記事をかいた人

エロ漫画家を2014年で辞めて、フリークリエイターに。 「お金の為に絵を描く」のが嫌になりました。 趣味を仕事に楽しくに稼ぐ方法をお届けします。 今でも印税は入ってますw デザイン・写真・フィギュア・創作・お菓子が好き