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