【CSS】CSSでよく使うメモ

よく使うんだけど、覚えられないCSSをメモメモ。

▼FontAwesomeでアイコンを表示

 
:before {
	content: "\XXX";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

▼角丸

 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

▼アニメーション

 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;

▼「・・・」を出す

 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

▼ページ内スクロールする際の高さ調整

 
 	margin-top:-100px;
 	padding-top:100px;

▼テキストのベースライン調整　(参考)http://www.nishishi.com/css/text-vertical-align.html

 
	vertical-align: middle;