简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML スタイルタグと関連 CSS

高洛峰
リリース： 2017-02-24 11:02:29
オリジナル
1427 人が閲覧しました

HTML スタイル タグ

style タグ -- ドキュメント内でスタイルを宣言する場合にこのタグを使用します
style タグは、 で終わるペアで表示されます
属性
media -- メディア タイプ 、

type -- コンテンツを含むタイプ。通常は type="text/css" を使用します
例

<head>  
    <style type="text/css">  
    abbr   
    {   
        font-size: 12px;   
    }   
    .text10pxwhite   
    {   
        font-size: 10px;   
        color: #FFFFFF;   
    }   
    </style>  
</head>
ログイン後にコピー

内部参照 CSS -- 内部

style タグを使用して、CSS ファイル内のコンテンツを直接HTML ドキュメント。

例

<style type="text/css"><![CDATA[   
/* ----------文字样式开始---------- */  
  
/* 梦之都白色12象素文字 */  
.dreamduwhite12px  
{   
    color:white;   
    font-size:12px;   
}   
/* 梦之都黑色16象素文字 */  
.dreamdublack16px  
{   
    color:black;   
    font-size:16px;   
}   
  
/* ----------文字样式结束---------- */  
]]></style>
ログイン後にコピー


その他の HTML スタイル タグと関連 CSS 関連記事については、PHP 中国語 Web サイトに注目してください。


関連ラベル：
HTML Style css
ソース：php.cn
前の記事：HTMLでのbackground-image属性の設定 次の記事：HTML タグとその無効化
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
ナビゲーションバーの下枠のCSS ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法...
から 2024-04-06 15:04:41
0
2
347
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！