HTMLのCSS
HTML要素のタグのスタイルをレンダリングするためのCSS(カスケーディングスタイルシート)。
見て!スタイルと色
試してみてください - 例
スタイルを使用してHTML
この例では、スタイルHTML形式の<head>セクションに追加した情報を使用する方法を示します。
この例では、リンクは下線いないスタイル属性を使用する方法を示します。
リンクを強調しないスタイルを作るために、プロパティを使用する方法。
外部スタイルシートへのリンク
この例では、方法を示しています タグは、外部スタイルシートにリンクしています。
CSSを使用する方法
HTML 4では、CSSは、より良好な導入HTMLエレメントをレンダリングするために、使用されています。
CSSは、次の方法でHTMLに追加できます。
- インラインスタイル- HTML要素で使用する「スタイル」 属性
- 内部スタイルシート- HTMLドキュメントの先頭に<ヘッド>エリアCSSを格納するための<style> 要素を使用して、
- 外部参照-利用外部CSS ファイル
最良の方法は、外部CSSファイルの参照を介してです。
このサイトのHTMLチュートリアルでは、例を簡単にすることであるインスタンスを、導入するインラインCSSスタイルを使用するだけでなく、あなたがインスタンスを実行しているオンラインおよびオンラインコードを編集することが容易になります。
あなたはサイトのCSSチュートリアル、することができますCSSのチュートリアルでは、より多くのCSSの知識を習得します。
インラインスタイル
特別なスタイルは、個々の要素に適用する必要がある場合には、インラインスタイルを使用することができます。 使用インラインスタイルは、関連するタグにstyle属性を使用することです。 style属性は、任意のCSSプロパティを含めることができます。 次の例では、段落と左余白の色を変更する方法を示しています。
より多くのスタイルを学び、ご覧くださいCSSのチュートリアルを 。
HTMLスタイル例 - 背景色
背景色の背景色の属性(背景色)の要素を定義します。
例
»をお試しください
初期の背景色属性(背景色)は、bgcolor属性の定義を使用することです。
試してみてください:古いHTMLバックグラウンドモードを設定します
HTMLスタイル例 - フォント、フォントの色、フォントサイズ
私たちは、フォント属性のスタイルを定義するために、色(カラー)、フォントサイズ(フォントサイズ)をフォントファミリ(フォント)を使用することができます。
例
»をお試しください
現在一般的に使用されるフォントファミリー(フォント)、カラー(色)、およびフォントサイズ(フォントサイズ)が代わりの<font>タグを使用するのではなく、テキストスタイルを定義する属性。
HTMLスタイル例 - テキストの配置
テキストアライン(テキストアライメント)レベル属性は、テキストの垂直方向の配置を指定します使用します。
古いラベル<センター>を置き換えるために、テキスト-alignプロパティをテキストに合わせます。
内部スタイルシート
単一のファイルには特別なスタイルを必要とするときは、内部スタイルシートを使用することができます。 :あなたは<スタイル>タグは内部スタイルシートを定義することにより、<head>セクション缶
<スタイルタイプ= "テキスト/ cssの">
体{背景色:黄色;}
P {色:青;}
</スタイル>
</ HEAD>
外部スタイルシート
スタイルは、多くのページに適用する必要がある場合、外部スタイルシートは、理想的な選択であろう。 外部スタイルシートを使用して、サイト全体の外観を変更するファイルを変更することができます。
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTMLスタイルタグ
标签 | 描述 |
---|---|
<style> | 定义文本样式 |
<link> | 定义资源引用地址 |
非推奨のタグと属性
HTML 4では、元のサポートカスタムHTML要素のスタイルのタグと属性が廃止されました。 これらのラベルは、HTMLタグの新しいバージョンをサポートしていません。
非推奨ラベル:<フォント>、<中心>、<ストライキ>
非推奨属性:色とBGCOLORを。