凡例:(最新版)= 最新版との比較、(前の版)= 直前の版との比較、M = 細部の編集

2023年4月9日 (日)

  • 最新 05:152023年4月9日 (日) 05:15Ef3 トーク 投稿記録 9,602 バイト −5,136 →‎外部スタイルシート: 外部スタイルシートを使う場合は、HTMLファイルとは別にCSSファイルを作成し、それをHTMLファイルから呼び出します。これにより、同じCSSスタイルを複数のHTMLファイルで使い回すことができるため、メンテナンス性やスタイルの統一性が向上します。 まず、CSSファイルを作成します。拡張子は.cssです。以下の例では、style.cssという名前で保存しています。 style.css body { background-color: lightblue; } h1 { color: navy; margin-left: 20px; } 次に、HTMLファイルからCSSファイルを呼び出します。以下の例では、index.htmlという名前で保存しています。 index.html <!DOCTYPE html> <html> <head> <title>外部スタイルシートを使う例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> 取り消し タグ: 2017年版ソースエディター
  • 最新 04:412023年4月9日 (日) 04:41Ef3 トーク 投稿記録 14,738 バイト −1,158 →‎HTMLに直接CSSを書き込む方法とその利用例: HTMLに直接CSSを書き込む場合、style属性を使用して要素ごとにスタイルを指定することができます。以下は、例としてh1要素に赤い文字色と太字を指定する場合のコードです。 <h1 style="color: red; font-weight: bold;">Hello World!</h1> このように、要素の開始タグにstyle属性を追加し、値としてスタイルを指定します。複数のスタイルを指定する場合は、セミコロン(;)で区切って指定します。 また、複数の要素に同じスタイルを適用する場合は、style要素を使用してCSSを記述することもできます。以下は、全てのh1要素に赤い文字色と太字を指定する場合のコードです。 <!DOCTYPE html> <html> <head> <title>Example</title> <style> h1 { color: red; font-weight: bold; } </style> </hea 取り消し タグ: 2017年版ソースエディター

2022年7月3日 (日)

2020年5月5日 (火)

2015年8月7日 (金)

2015年8月3日 (月)

2013年12月25日 (水)

2013年5月3日 (金)

2011年4月19日 (火)

2011年4月18日 (月)

2009年11月8日 (日)

2008年7月18日 (金)

2008年6月29日 (日)

2007年11月26日 (月)

2007年4月7日 (土)

  • 最新 11:002007年4月7日 (土) 11:00125.196.179.228 トーク 212 バイト +212 新しいページ: 'まずスタイルシートを入力する前に、 <pre> <nowiki> <style type="text/css"> </style> </nowiki> </pre> を入力します。これでスタイルシートを入...'