こんな人に読んで欲しい!
・「CSS」とは何なのかを知りたい人
・Webサイトの背景色の変え方を知りたい人
こんにちは、「なゆた」です!
今日から、「CSS」についてを少しずつ書いていきます。
皆さんは、「CSS」を知っていますか?「CSS」とは《Cascading Style Sheets》の略で、HTMLと連携して、タグの更なる部分を作り上げるためのファイルです。
今回はその第1弾として、背景の色の変え方を皆さんにお教えします。
《主な使用タグ》(HTMLファイル)
body・・・HTMLで表示されるもの全体を統括する要素。
《主な使用タグ》(CSSファイル)
background-color・・・背景色を変えるために使う属性。色の打ち方は色名やカラーコードなど自由である。
変更前はこんな感じです。何も無いですよね。
①まず、「HTMLファイル」を開きます。<body>タグの中は何も無い状態ですが、気にせずそのままにしておいてください。これからその<body>タグを、CSSと連携するためです。
②次に、新たに「CSSファイル」を作成します。その中に先述した<body>タグを入力し、その中にbackground-color属性を入れ、その中に色名を入れます。(例は赤色=redです。)これで連携完了です!
③すると、背景が真っ赤になりました!これで完成です!
いかがでしたか?このようにCSSを使うことで、Webサイトの制作が佳境に近づいていきます。
これからも少しずつCSSの方法を発信していきます!楽しみにしていてください!
以上です、ありがとうございました!
コメント