CSS

3625 ワード

積層スタイルシートとは?

HTML、XHTML、XMLなどの寸法言語のスタイルを指定するためのスタイルシートです.
HTMLの属性だけではユーザに必要な設計は実現できない.CSSは、HTMLで作成するWebを設計する言語です.CSSも異なるバージョンがあり、デフォルトではCSS(1)が使用されます.基本的な機能はいくつかありますが、更新後の機能は使用できません.ただし、ほとんどのブラウザでサポートされているため、CSS(1)はデフォルトのままです.

CSSをHTMLに適用する方法

1. inline-style

タグにstyleプロパティを直接作成する方法.

<input type="text" style="background-color:gray; color:blue;">

[利点]
最も確定的で、最も正確なスタイルを与えることができます.
[欠点]
重複するスタイルが発生する可能性があります.
個別のスタイルが与えられ、維持しにくい.
毒性が低下する.

2. embedded

head領域にstyleタグを作成して、選択者{名前:値;}スタイルを与える方法.

<head>
	<style>
    	input{
        	color:black;
        }
	</style>
</head>

[利点]
すべてのラベルに適した汎用スタイルを付与できます.
可読性が向上する.
[欠点]
タグに付与されたスタイルの区別に問題が発生する可能性があります.

3. css file(link)

2条に示すように、スタイルラベルの内部のスタイルを作成して保存します.HTMLドキュメントでリンクタグを使用してスタイルを適用する方法です.個別のcssファイルを作成する場合.cssの拡張子を追加する必要があります.

<link rel="stylesheet" type="text/css" href="./css/main.css">

詳細と複雑なスタイルを割り当てる場合は、2番を使用してスタイルを作成し、作成したデザインをcssファイルに保存して、いつでもロードして使用することができます.

Reference

この問題について(CSS), 我々は、より多くの情報をここで見つけました https://velog.io/@yujina25/CSS

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

generator

POオーダー承認API経由