WEBサイト練習用 初期のチートシート

html チート

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>無題ドキュメント</title>
<meta name="description" content="">
</head>

<body>
</body>
</html>

 

最低限のシンプルなcss

ver.1

@charset "UTF-8";
/* Reset CSS  */

body,html,h1,h2,p,ul,li,ol,dl,dt,dd,table,tr,th,td {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family:font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
  font-weight: 500; 
}

ul,ol {
  list-style: none;
}
table {
  border-collapse: collapse;
}
a {
  text-decoration: none;
}
img {
  border: none;
  vertical-align: bottom;
}
/画像にa リンクした場合古いIEは青いボーダーがつくため**/

ver.2

@charset "UTF-8";
/* CSS Document */
html,body,h1,h2,h3,p,ul,li,dl,dt,dd,table,th,td,header,nav,main,aside,section,footer,div {
margin:0;
padding:0;
font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
font-weight: 500; /* ※windowsでは細く表示される為*/
line-height:1.0;
}
ul,ol{ /*※番号を使用する場合はolは記述しない*/
list-style:none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
text-decoration:none;
}
img{
vertical-align:bottom;
border:none;
}



タイトルとURLをコピーしました