検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >LN: W3School で HTML を学ぶ 010_html/css_WEB-ITnose

LN: W3School で HTML を学ぶ 010_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:16:081116ブラウズ

LN: W3School 010 で HTML を学ぶ

コンテンツは W3School から参照されています

HTML チュートリアル

HTML 内部スタイル シート

  • 1 つのファイルに特別なスタイルが必要な場合は、内部スタイル シートを使用できます。ヘッダー 1

    head セクションの段落を渡すことができます。

    HTML 外部スタイル シート

  • 多くのページにスタイルを適用する必要がある場合、外部スタイル シートが理想的な選択肢になります。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。

    • 分析例

    <html><head><link rel="stylesheet" type="text/css" href="/html/csstest1.css" ></head><body><h1>我通过外部样式表进行格式化。</h1><p>我也一样！</p></body></html>

    効果表示

    外部スタイルシートを介してフォーマットします。

    私もです！

    HTML インライン スタイル

  • インライン スタイルは、特別なスタイルを個々の要素に適用する必要がある場合に使用できます。 インライン スタイルを使用する方法は、関連するタグで style 属性を使用することです。スタイル プロパティには、任意の CSS プロパティを含めることができます。次の例は、段落の色と左余白を変更する方法を示しています。

    • 分析例

    <p style="color: red; margin-left: 20px">This is a paragraph</p>

    効果表示


    これは段落です

    下線なしのHTMLリンク

    分析例

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /></head><body><a href="/example/html/lastpage.html" style="text-decoration:none">这是一个链接！</a></body></html>

    効果表示




    こちらがリンクです！

    HTML のヒント

    タグの説明33153abd3b1d369848b808e1fad840fc ドキュメント内の行内の小さなブロックまたは領域を定義します abd1d7fe556b8a5c1c26946ca234394a ベース フォントを定義します。廃止されました。テキストを水平方向に中央揃えにするには、スタイル bacbf9e1ad7f40415ce1670e31edfee3 を使用してください。廃止されました。スタイル 240cb830ca84ebaabbd07850110b414d を使用して、テキストのフォント、フォント サイズ、フォントの色を指定してください。廃止されました。スタイルをご利用ください
    c9ccee2e6ea535a969eb3f532ad9fe89 スタイル定義を定義する
    2cdf5bf648cf2f33323966d7f58a7f3f リソース参照を定義する

    声明：
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事：html+ccs3 太陽系惑星の回転animation_html/css_WEB-ITnose次の記事：html+ccs3 太陽系惑星の回転animation_html/css_WEB-ITnose

    関連記事

    続きを見る