CSSの正式名称はCascading Style Sheets（カスケーディングスタイルシート）と言います。 では、実際にJavaScriptを使うには何をすれば良いのでしょうか？ ・HTML上で動かす ・外部ファイルとして読み込む. ⑴ HTMLファイルにjQueryのCDNを読み込ませる（ここではCDNを読み込んでいますが、ダウンロードしたファイルでも問題ないです） ＊ちなみに、CSS3では今までのCSSでは実現できなかったことが実現できるようになっています。, 現在はCSS3が主流ですが、CSS3のプロパティによっては、対応していないブラウザも多々ありますので、「このブラウザでは正しく表示されたけど、このブラウザでは正しく表示されない」なんてこともあります… 最近では、ほとんどHTML5が使われていますが、IEでの新要素の認識など、実質的な対応はInternet Explorer 9以降のバージョンになりますので注意してください。 何をするのかというと「見出しにスタイルを適用して見栄えを変える」といった内容です。, 正しく記述が出来たら、ブラウザで表示させてみてください！ この2パターンです。 例えば、文字の色や背景色、配置などを自由に変更させることができます。, ただ、「HTMLのタグで囲った範囲に対してCSSを適用させていく」必要があるので、HTMLとCSSは常にセットです。お互いに足りないところを補っていく良きパートナーです。, HTMLでマークアップして、CSSでレイアウトを整える。これがWebページを作成していく際の基本的な流れになります。, このようにCSS1からCSS3までの3つのバージョンが存在しています。 今回作成するディレクトリの構成は以下のとおりです。. See the Pen djVzXm by di_cr (@di_cr) on CodePen. JavaScriptはHTMLの上で動いていく。 なので、HTMLファイルに直接書き込んだり、外のJavaScriptファイルをHTMLファイルから見に行くことによって動かす形になる。 このページではJavaScriptの基本的な書き方をお伝えしよう。初心者の方は参考にしてほしい。 そこはプロパティのブラウザ対応状況を見て正しく記述していく必要があります。, CSSの書き方には、色々な方法があります。 なんとなくは分かっていても、具体的に何をしていくものなのか分かっていない方も多いのではないでしょうか？ なので、HTMLファイルに直接書き込んだり、外のJavaScriptファイルをHTMLファイルから見に行くことによって動かす形になる。, このページではJavaScriptの基本的な書き方をお伝えしよう。初心者の方は参考にしてほしい。, 他にも色々とできるが、基本的に「HTMLを色々と動かせる！」くらいに考えておけばOKだろう。, HTMLとJavaScriptは異なるプログラミング言語だ。だから、この2つを一緒にするには特定のルールに従ってプログラミングコードを書くことが必要になる。, これらは書きたいプログラムの目的や種類によって選ばれる。どちらの方法でも対処できるように書き方を整理しておこう。, 直接定義とは、HTMLファイルに直接JavaScriptのコードを書く方法のことをいう。イメージ的にそのままだ。, 要するに１ファイル目も２ファイル目も、３ファイル目にもJavaScriptを書いていく方法だ。, ルールはいたってシンプルでHTMLファイルの中に