コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > LN: W3School で HTML を学ぶ 010_html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 11:16:08
オリジナル
1121 人が閲覧しました

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 のヒント

    タグの説明