ねこきっくぱんちのメモ帳

webの勉強メモです。 HTML,CSS,JavaScript,PHP,Illustrator,Photoshopなど。

web014 HTML・CSSのテンプレート(スニペット)

HTML・CSSのテンプレート(スニペット

新規サイトを作成する場合のテンプレートに使用しているものです。

■コード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>TEMPLATE</title>
<meta name="Description" content="title,h1,pなどのキーワードを含めての紹介文">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body></html>
@charset "utf-8";
/* ----------------------- Reset CSS*/
html,body,section,article,aside,h1,h2,h3,p,ul,li{
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-size: 16px;
  font-family: 'Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
}
li { list-style: none; }
a { text-decoration: none; border: none; }
img {
  vertical-align: bottom;
  max-width:100%;
  height: auto;
}
/* ----------------------- common css */
.item {}
.box {}
/* ----------------------- .container */
/* ----------------------- header */
/* ----------------------- .wrap 2clm-floatLayout*/
/* ----------------------- .content*/
/* ----------------------- .sidebar*/
/* ----------------------- footer*/

※レスポンシブ対応は別記事にて記載
web013 RWD(Responsive Web Design)の考慮ポイント
http://manatees.hatenablog.com/entry/2017/04/30/023842