Toggle navigation
Java
jQuery
Bootstrap3
CSS 早わかり
上下左右
margin:0; (上下左右)
margin:0 0; (上下) (左右)
margin:0 0 0; (上) (左右) (下)
margin:0 0 0 0; (上) (右) (下) (左)
padding
padding-top
padding-bottom
padding-left
padding-right
margin
margin-top
margin-bottom
margin-left
margin-right
margin: 0 auto;
width/height
width: 100%;
width: auto;
max-width: 990px;
max-width: none;
height: 100%;
min-height: 350px;
line-height: 1;
border
border-radius: 4px;
border: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background
background: url(../img/main.jpg) no-repeat center center;
background-size: cover;
background: #f5f5f5;
background-color: #f5f5f5;
display
display: block
display: inline
display: inline-block;
display: flex;
display: none;
display: table;
display: table-cell;
position
position: static;
position: relative;
position: fixed;
position: absolute;
a
.panel-heading a:hover
.panel-heading a:focus
.panel-heading a:active
text
text-decoration:none;
text-align: center;
font
font-weight:bold;
font-size: 20px;
color
color:#666;
visibility
visibility: hidden;
visibility: visible;
cursor
cursor: pointer;
float
float: left;
float: right;
float: none;
vertical-align
vertical-align: middle;
vertical-align: -1px;
child
.list-group-item:first-child {
.list-group-item:last-child {
.list-group-item:nth-child(even) {
shadow
box-shadow: 0 5px rgba(0,0,0,.02);
-webkit-box-shadow: 0 5px rgba(0,0,0,.05);
文字間隔
letter-spacing: 5px;
letter-spacing: 1.4em;
media
@media (max-width: 767px) {