はじめに
Webサイトを制作する業務に携わる場合、HTMLやCSS、javascriptといったフロントエンド言語の知識が必要となります。
特にHTMLとCSSを習得することができれば、簡単なWebサイトを自分で作れるようになります。
HTMLはWeb制作を行うためのベースとなる言語となり、コンテンツの構造を決定するものとなります。
一方、CSSというのは「Cascading Style Sheets」の略で、コンテンツの装飾(文字の大きさや色、背景の色など)を担当します。
このCSSですが、実はHTML内に記載するだけでなく、「CSSファイル」という別ファイルとして読み込むこともできるのです。
本投稿では、このCSSの記述箇所とそのメリットやデメリットなどについてまとめておきます。
CSSの記述場所
CSSの記述場所は下記の3つに分類されます。
- styleタグ内に記載する
- 各タグ内(インライン)に記載する
- 外部ファイルに記載する
それぞれの記載方法やメリット、デメリットについて、次章にて説明します。
styleタグに記載する
Hello World! (css applied)
Hello World! (css not applied)上記を実行した結果は下記の通りです
メリット | デメリット |
---|---|
外部ファイル化したCSSファイルより読み込み速度が速い | 個々の要素に割り当てるため全体のページに対してのメンテナンスが非効率 |
個々のページごとに装飾を管理できる |
各タグ内(インライン)
タグに直接スタイル(スタイル属性を追加)を指定する方法です。
sample
Hello World! (css applied)
Hello World! (css not applied)
上記を実行した結果は下記の通りです
- [Powershell] iniファイルの情報の読み取りと書き込みまとめ
はじめに Powershellにてiniファイルを取り扱う方法の備忘録です。 本記事では、iniファイルに記載されているKey=Value形式の情報の...
- [Python] PythonでPDF処理するためのライブラリ6選!!インストール方法や使用例も解説!
はじめに PythonでPDF処理するライブラリはいくつかありますが、今回はその中でも主要なライブラリを紹介したいと思います。 そもそもPDFとは、P...
- [Powershell] 2つのファイルを比較し差分データ(一致する行含む)を取得する
はじめに CSVファイルに限定したものではありませんが、WinMergeのようなソフトのように、2つのファイルの差分の行を取得する方法についての備忘録...
- C#を利用したAmazon S3操作まとめ
近年、AWSを利用したプラットフォーム開発が増えている中、今回はこのAWSで提供されているサービスである「Amazon S3」に対して、C#を利用して...
- [PowerShell] タスクスケジューラへのスケジュール登録・更新・削除・確認など操作方法まとめ
タスクスケジューラとは Windows OSに標準で備わっている機能の一つで、ソフトウェアを特定の曜日や時間などに実行するよう予定を立てることができる...
- [C#] MailKitライブラリを利用したメール送信方法まとめ
はじめに C#でのメール送信では今まで、System.Net.MailのSmtpClientクラスを利用していました。 このSystem.Net.Ma...
- [C#] Windows Formにてタイトルバーなしのフラットなおしゃれフォームを作成する方法
はじめに C#でWindows Formアプリケーションを作成する際に、もともとのレイアウトをそのまま利用するのは見た目的にあまり良いとは言えないかと...
- [C#] Process.Startを利用して外部アプリケーション起動後に非同期でプロセス終了を検知する方法
はじめに あるアプリケーションから外部アプリケーションを起動する際によく利用するのが、「Process.Start」メソッドだと思います。 同期的にプ...
- Powershellで簡単にXMLデータを操作する(要素の値・属性の値・複数要素の値・指定した属性値の要素の値の取得)
はじめに PowerShellを利用して、XMLファイルを読み込みデータを取得する方法はいろいろありますが、今回はとても簡単にXMLデータを取得する方...
- [Powershell] Windows OSのバージョンを取得する5つの方法
システムトラブルやアプリケーションログへの出力など、Windowsのバージョンを取得する必要がありますが、Powershellではこのバージョン情報の...