CSSにテーブルを挿入する方法-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

CSSにテーブルを挿入する方法

coldplay.xixi

Mar 21, 2021 pm 06:18 PM

cssシート

CSS にテーブルを挿入する方法: [

CSSにテーブルを挿入する方法

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS にテーブルを挿入する方法:

スタイルを多くのページに適用する必要がある場合、外部スタイルシートが理想的な選択肢になります。外部スタイルシートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは、タグを使用してスタイルシートにリンクします。タグは (ドキュメントの) ヘッドにあります:

　　<head>
 
　　<linkrel="stylesheet"type="text/css"href="mystyle.css"/>
 
　　</head>

ブラウザは、ファイル mystyle.css とベースからスタイル宣言を読み取ります。それをフォーマットした文書です。

外部スタイルシートは、任意のテキストエディタで編集できます。ファイルには HTML タグを含めることはできません。スタイルシートは .css 拡張子を付けて保存する必要があります。スタイルシートファイルの例を次に示します。

　　hr{color:sienna;}
 
　　p{margin-left:20px;}
 
　　body{background-image:url("images/back40.gif");}

属性値と単位の間にスペースを入れないでください。「margin-left:20px」の代わりに「margin-left:20px」を使用すると、IE6 でのみ動作しますが、Mozilla/Firefox または Netscape では正しく動作しません。

内部スタイルシート

単一のドキュメントに特別なスタイルが必要な場合は、内部スタイルシートを使用する必要があります。次のように、

　　
 
　　
 
　　hr{color:sienna;}
 
　　p{margin-left:20px;}
 
　　body{background-image:url("images/back40.gif");}

Inline Styles

インラインスタイルでは、プレゼンテーションとコンテンツが混在するため、スタイルシートの利点の多くが失われます。たとえば、スタイルを要素に 1 回だけ適用する必要がある場合など、この方法は注意して使用してください。

インラインスタイルを使用するには、関連するタグ内で style 属性を使用する必要があります。 Style プロパティには、任意の CSS プロパティを含めることができます。この例は、段落の色と左マージンを変更する方法を示しています:

　　<pstyle="color:sienna;margin-left:20px">
 
　　Thisisaparagraph
 
　　</p>

推奨される関連チュートリアル: CSS ビデオチュートリアル

以上がCSSにテーブルを挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

「CSS4」アップデートApr 11, 2025 pm 12:05 PM

私が最初にCSS4¹のことを鳴らしたので、それについてもっと多くの議論がありました。私はここで他の人から私のお気に入りの考えをまとめようとしています。がある

3種類のコードApr 11, 2025 pm 12:02 PM

新しいプロジェクトを開始するたびに、3つのタイプ、または必要に応じてカテゴリを検討しているコードを整理します。そして、これらのタイプは適用できると思います

HTTPSは簡単です！Apr 11, 2025 am 11:51 AM

私は、httpsの複雑さを公に嘆きながら罪を犯しました。過去に、私はサードパーティのベンダーからSSL証明書を購入し、問題がありました

HTMLデータ属性ガイドApr 11, 2025 am 11:50 AM

HTML、CSS、およびJavaScriptのデータ属性について知りたいと思っていたことはすべて。

JavaScriptの不変性を理解するApr 11, 2025 am 11:47 AM

JavaScriptの不変性を以前に作業したことがない場合は、変数を新しい値または再割り当てに割り当てることと混同しやすいことがわかります。

最近、カスタムチェックボックス、ラジオボタン、トグルスイッチを構築することは完全に可能です。必要でさえありません

脚注文字Apr 11, 2025 am 11:34 AM

脚注に最適な特別なスーパーセット番号の文字があります。ここにあります：

HTML、CSS、JavaScriptを使用してアニメーションカウントダウンタイマーを作成する方法Apr 11, 2025 am 11:29 AM

プロジェクトにカウントダウンタイマーが必要だったことはありますか？そのようなことのために、プラグインに手を伸ばすのは自然なことかもしれませんが、実際にはもっとたくさんあります

See all articles

ホットAIツール

ホットツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。