Skip to content

Instantly share code, notes, and snippets.

@becolomochi
Last active March 11, 2017 12:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save becolomochi/4e80ebb1e577bcbfd9892e6a5c407e9f to your computer and use it in GitHub Desktop.
Save becolomochi/4e80ebb1e577bcbfd9892e6a5c407e9f to your computer and use it in GitHub Desktop.
自分があらかじめやっているCSS指定 ref: http://qiita.com/becolomochi/items/66f7ce8faa9f9e90e009
img {
max-width: 100%;
height: auto;
}
.title {
font-size: 24px;
line-height: 1.3;
}
.primary-button {
/* ブロック要素と余白の指定 */
display: block;
padding: 10px;
text-align: center;
/* 表示テスト用スタイル */
border-radius: 4px;
text-decoration: none;
font-weight: bold;
color: #06c;
background: #fff;
border: 3px #06c solid;
transition: all 0.1s;
}
.parent-box {
/* 位置指定のための position プロパティ */
position: relative;
/* 表示テスト用スタイル */
width: 400px;
height: 300px;
margin: 0 auto;
text-align: center;
background: #ffffdd;
color: #666;
}
.child-item {
/* 位置指定のための position プロパティ */
position: absolute;
bottom: 10px;
right: 10px;
/* 表示テスト用スタイル */
width: 32px;
height: 32px;
font-size: 14px;
line-height:32px;
background: #ddeecc;
font-weight: bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment