cssを設置する



cssの設置方法は3種類あります。

<div style="color:#ffffff;font-size:12px;">テキスト</div>

のようにタグ内にインラインで記入する方法。
この方法はスタイルで各要素のデザインを指定していても、
ある部分だけ例外的なデザインをしたいというときに非常に便利です。

変更したい部分へ直接指定するので、
どこをどう特殊なデザインにしたのかがメンテナンスなどの際に
非常にわかりやすくなります。

ただし、全てをこれで書いてしまうとHTMLファイルそのものの記述が
煩雑になってしまい文章差し替えのときなどに苦労することになります。

次にヘッダーにまとめてスタイルをエンベッドする場合は、

<style type="text/css">
<!--
.[クラス名] {
color:red;
font-weight:bold;
font-size:12px;
line-height:120%;
}
-->
</style>
のように指定し、

<div class="">ディブ内要素(テキストなど)</div>

とします。

スタイルだけを別のファイルに記述して、HTMLファイルを軽くするには、
css外部ファイルを拡張子[任意の名前].cssで保存し、head内に

<link rel=stylesheet type="text/css" href="[任意の名前].css" />

としてリンクを貼ります。

body内の記述は上と同様
<div class="">ディブ内要素(テキストなど)</div>

とします。

記事id:65 / 3854PV

関連記事


Warning: simplexml_load_file() [function.simplexml-load-file]: SSL operation failed with code 1. OpenSSL Error messages: error:14077410:SSL routines:SSL23_GET_SERVER_HELLO:sslv3 alert handshake failure in /home/session-2/www/02_zatu/system_files/core_sys.php on line 41

Warning: simplexml_load_file() [function.simplexml-load-file]: Failed to enable crypto in /home/session-2/www/02_zatu/system_files/core_sys.php on line 41

Warning: simplexml_load_file(http://www.jigen.xyz/index.xml) [function.simplexml-load-file]: failed to open stream: operation failed in /home/session-2/www/02_zatu/system_files/core_sys.php on line 41

Warning: simplexml_load_file() [function.simplexml-load-file]: I/O warning : failed to load external entity "http://www.jigen.xyz/index.xml" in /home/session-2/www/02_zatu/system_files/core_sys.php on line 41

Warning: Invalid argument supplied for foreach() in /home/session-2/www/02_zatu/system_files/core_sys.php on line 42