ホームページ > 記事 > ウェブフロントエンド > Web ページに CSS スタイルを適用するいくつかの方法_html/css_WEB-ITnose
Web ページに CSS スタイルを適用するいくつかの方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:31:251227ブラウズ
Web ページに CSS スタイルを適用するいくつかの方法:
推奨事項: コードをできるだけ手書きすることで、学習の効率と深さを効果的に向上させることができます。
Web ページで CSS スタイルを使用する方法は数多くあります。簡単に説明します。
1. スタイルをタグ内に直接記述します。例:
<div style="color:red;font-weight:bold">蚂蚁部落</div>
この方法の利点は、柔軟に使用できることです。 , しかし、スタイルを均一に管理しないと、ページ サイズが大きくなるなどの問題が発生しやすいなど、欠点も明らかです。
2. CSS スタイルを c9ccee2e6ea535a969eb3f532ad9fe89 タグと 531ac245ce3e4fe3d50054a55f265927 タグに記述します。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>蚂蚁部落</title> <style type="text/css"> .mytest{ color:red; font-weight:bold } </style> </head> <body> <div class="mytest">蚂蚁部落</div> </body> </html> 最初の方法と比較して、この方法はスタイルを均一に管理できないという欠点を克服します。 Web ページにすることもできます。コンテンツ部分はより明確になりますが、Web ページのサイズが大きくなる可能性もあります。
3. 外部スタイル シートを導入するには、リンク タグを使用します。例:
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS教程</title><link rel="stylesheet" type="text/css" href="css.css" /></head>
4. @import メソッドは、2 番目のメソッドと同様に、c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 に配置する必要があります。例:
rrree
注: セミコロンは必須です。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=4734
詳細については、以下を参照してください: http://www.softwhy.com/divcss/