プログラミング勉強用備忘録:HTML & CSS

<head>の中身

  1. 文字コードの指定
  2. ページのタイトルの指定
  3. CSSの読み込み
<head>
  <meta charset="UTF-8">
  <title>タイトル</title>
  <link rel="stylesheet" href="stylesheet.css">
</head>

Bootstrapのスタイルの読み込み

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Font Awesomeの読み込み

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

レスポンシブルにするためメディアクエリを適用させる記述

cssファイルを分割してresponsive.cssを読み込む場合、viewpointの下にlinkタグを設置

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="responsive.css">

jQueryのライブラリを読み込む

<head>内に設置

https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js

<body>内での呼び出し

</body>の直前に設置

<script src="script.js"></script>

script.js内での冒頭書き出し

$(document).ready(function() {

});   フルの書き方

$(function(){

});