123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックしてください。 CSS チュートリアルを表示するには、ここをクリックしてください。 上記:マークアップ言語 - 合理化されたタグ。第10章 CSSの適用 最初の部分では、主にマークアップ構文の例に焦点を当て、CSS をタグに適用してデザインし、スタイルの詳細を指定する方法についても説明します。第 2 章では、ドキュメント、Web サイト、または単一のタグに CSS を適用するいくつかの方法について説明します。さらに、以前のバージョンのブラウザーから CSS コンテンツを非表示にする方法についても説明します。これにより、すべてのブラウザーとデバイスで読み取ることができるマークアップ構造に影響を与えずに高度なテクニックを使用できるようになります。 章の最後にある「拡張スキル」ユニットでは、スクリプトを書かずにフォントや色を切り替えたり、複数のテーマを作成したり、スタイルシートを置き換えたりする方法について紹介します。ファイルに CSS を適用するにはどうすればよいでしょうか。 ここでは、ドキュメントに CSS を適用する 4 つの方法について説明します。各方法にはそれぞれ長所と短所があり、状況に応じて最適な選択が異なります。ここで説明する各方法では、合法的な XHTML 1.0 Transitional 構文、<html> タグ、および <head> 構成を使用します。 まずは方法Aから始めましょう。方法A: <style>タグ
このアプローチはインライン スタイル シートとも呼ばれ、すべての CSS 宣言を (X)HTML ファイルに直接記述できます。<style> タグはページの <head> にあり、必要なスタイルを含めることができます。 type 属性に text/css を指定すると、使用しているスタイル言語をブラウザが理解できるようになり、省略できなくなります。また、スタイル ルールを処理できないブラウザからこのコンテンツを非表示にするために、W3C が推奨する CDATA コメント構文も使用します (http://www.w3.org/TR/xhtml1/#h-4.8)。 : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 「http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd」 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <ヘッド> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>CSS の適用</title> <link rel="スタイルシート" type="text/css" href="styles.css" _fcksavedurl=""styles.css"" /> </head> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 「http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd」 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <ヘッド> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>CSS の適用</title> <スタイル タイプ="text/css"> <![CDATA[ @import "styles.css"; ]]> </スタイル> </head> /*古いブラウザはこれらのインポートルールを理解しません*/ @import url("layout.css"); @import url("fonts.css"); @import url("colors.css"); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 「http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd」 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <ヘッド> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>CSS の適用</title> <link rel="スタイルシート" type="text/css" href="lofi.css" _fcksavedurl=""lofi.css"" /> <スタイル タイプ="text/css"> @import "hifi.css"; </スタイル> </head> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 「http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd」 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <ヘッド> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>CSS の適用</title> <スタイル タイプ="text/css"> @import "master.css"; @import "custom.css"; </スタイル> </head> h1 { フォントファミリー: Georgia、セリフ; 色: 赤; } h2 { フォントファミリー: Georgia、セリフ; 色: 青; } h1 { フォントファミリー: Verdana、サンセリフ; 色: オレンジ; } |
<h1 style="font-family: Georgia, serif; color: orange;">これはタイトルです</h1>
<<: MySQL MHA のセットアップと切り替えに関するいくつかのエラー ログの概要
目次LAMPアーキテクチャ1.ランプの紹介2. WebサービスワークフローWebサーバーのリソースは...
W3C は最近、「 XHTML Basic1.1 」と「 Mobile Web Best Prac...
公式ドキュメント http://dev.mysql.com/doc/refman/5.7/en/se...
Centos7では、/etc/rc.d/rc.localファイルの権限が削減されており、実行権限があ...
この記事では、例を使用して、MySQL でストアド プロシージャを作成し、データ テーブルに新しいフ...
少し前にTikTokで揺れる連打が流行っていたので真似してみることにしました。さっそく効果をみてみま...
目次父から息子へ息子から父へクロスレベルコンポーネント(親から子孫)父から息子へpropsを通じて値...
まずは、以前書いた CSS カルーセルアニメーション効果を見てみましょう。アニメーションの遷移をスム...
目次1. インストールと導入2. PDFファイルをパッケージ化してエクスポートする方法構成の詳細PD...
問題の説明CSS を使用して上部の固定効果を実現したいと思います。 margin-top と pos...
1. MySQL の権限の概要MySQL には、権限を制御する 4 つのテーブルがあります。user...
目次1. スクリプトタグを使用してファイルをインポートする1. ローカルファイルをインポートする2....
目次1. イメージをプルする2. Redisコンテナを作成する3. コンテナを起動するためにクラスタ...
この記事では、MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法を参考ま...
HTML、CSS、JS を使用してシンプルな Web 計算機を作成する方法は?コンピュータには次の...