【CSS】CSSテンプレートMEMO
CSS
■CSS CODE
【style.css】使用時の初期ソースコードを下記に記載
@charset "utf-8";
/* CSS Document */
/*===============================================
▼ 共通項目 ▼
===============================================*/
body {
width:100%;
margin:0;
padding:0;
font-size:100%;
}
img {
width:100%;
margin:0;
padding:0;
}
li {
list-style:none;
}
/*===============================================
▼ SP表示／PC非表示 ▼
===============================================*/
.pcnone {
display:none !important;
}
/*===============================================
▼ z-index 表示順序 ▼
===============================================*/
#wrapper,#main-block001 {
z-index:2;
}
article {
z-index:1;
}■SP版CSSテンプレートMEMO
【smart-style.css】使用時の初期ソースコードを下記に記載。(レスポンシブ対応)
@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 800px){
/*===============================================
▼ 共通項目 ▼
===============================================*/
body {
width:100%;
margin:0;
padding:0;
font-size:100%;
}
img {
width:100%;
margin:0;
padding:0;
}
li {
list-style:none;
}
/*===============================================
▼ PC表示／SP非表示 ▼
===============================================*/
.spnone {
display:none !important;
}
body{
font-size: 12px;
}
/*===============================================
▼ z-index 表示順序 ▼
===============================================*/
}